<< Vývojové nástroje | Tvorba webu | Navigace webu >>

Vývojové nástroje a doplňky prohlížečů

Internet Explorer

  • Od verze 7
  • Spouětění F12
  • Umí HTML,CSS, Skripty
  • Přeškrtnutím zobrazuje již dříve definovaný styl
  • Obsahuje Debugger, DOM Inspector, outlining, validaci, resize, čištění cache či cookies, či pravítko
  • V kombinaci s programem IE tester je to vynikající pomocník
  • Oficiální stránky a stažení

Mozilla Firefox

  • Firebug
    • freeware doplňek pro Firefox
    • stažení zde
    • nejznámější vývojářský nástroj pro prohlížeče
    • nástroj pro odstraňování chyb(debugování) a ladění stránek
    • poradí si s HTML, CSS, Javascript, Ajax
    • živý náhled - možnost "vypínání prvků"
      • zobrazí stránku po vypnutí nebo změně pravidel css
  • Web Developer
    • freeware doplňek pro firefox
    • Stažení zde
    • možnost testování CSS a trasování javascriptů
    • vypnutí a orámování obrázků
    • Změna velikosti okna na určité rozlišení
    • Umožňuje mazání nebo vypnutí cookies
    • CTRL+SHIFT+E - Zobrazí CSS vybraného prvku
    • CTRL+SHIFT+F - Zobrazí vlastnosti vybraného prvku
    • editor pro HTML a CSS
    • vhodné pro začátečníky a mírně pokročilé

Opera - Dragon fly

  • součást Opery od verze 9.5
  • stažení zde
  • velmi podobný vzhledově i funkčně firebugu pro Firefox
  • přístup: Nástroje -> Pokročilé -> Vývojářské nástroje
  • umožňuje prohlížení a úpravu CSS, JS, Ajax, HTML

Google Chrome

  • komponenta prohlížeče Google Chrome, zatím v angličtině
  • podpora standardních jazyků - HTML,CSS,JS,AJAX
  • spouštění CTRL+Shift+I
  • možnost úprav -> pak načítání z cache
  • vzhled jako Firebug a IE
  • Oficiální stránky a stažení

Odkazy

Odkazy

RSS