Nový webový vývojár Firefoxu v kombinácii s úžasnými doplnkami pre vývojárov webových stránok, ako sú Firebug a Web Developer Toolbar, robia z Firefoxu ideálny prehliadač pre webových vývojárov. Všetky nástroje sú dostupné v ponuke programu Web Developer v ponuke prehliadača Firefox.
Page Inspector
Skontrolujte určitý prvok kliknutím pravým tlačidlom myši a výberom preskúmať (alebo stlačením tlačidla Q). Môžete tiež spustiť inšpektor z ponuky Web Developer.
Ak chcete vybrať nový prvok, kliknite na preskúmať na paneli s nástrojmi, umiestnite kurzor myši na stránku a kliknite na svoj prvok. Firefox zvýrazní prvok pod kurzorom.
HTML inšpektor
Kliknite na tlačidlo HTML tlačidlo pre zobrazenie kódu HTML aktuálne vybraného prvku.
Inšpektor HTML vám umožňuje rozšíriť a zbaliť značky HTML, čo vám umožní ľahko zobraziť na prvý pohľad. Ak chcete zobraziť HTML stránku v plochom súbore, môžete vybrať Zobraziť zdroj stránky z ponuky Web Developer.
Inšpektor CSS
Kliknite na tlačidlo Štýl tlačidlo pre zobrazenie pravidiel CSS aplikovaných na vybraný prvok.
K dispozícii je aj panel vlastností CSS - prepínanie medzi dvoma kliknutiami pravidlá a vlastnosti Tlačidlá. Aby vám pomohol nájsť konkrétne vlastnosti, panel vlastností obsahuje vyhľadávacie pole.
Funkciu CSS elementu môžete upraviť v lige z panelu Pravidlá. Zrušte začiarknutie niektorého zo začiarkavacích políčok, aby ste deaktivovali pravidlo, kliknite na text, aby ste zmenili pravidlo, alebo pridajte svoje vlastné pravidlá k prvku v hornej časti podokna. Tu som pridal font-weight: tučné; Pravidlo CSS, čím sa text v prvku zvýrazní.
Skriptovací jazyk JavaScript
Scratchpad tiež videl aktualizáciu s Firefoxom 10 a teraz obsahuje zvýraznenie syntaxe. Môžete zadať kód JavaScript, ktorý sa bude zobrazovať na aktuálnej stránke.
Akonáhle máte, kliknite na tlačidlo popraviť a vyberte položku Spustiť. Kód sa spustí na aktuálnej karte.
Webová konzola
Webová konzola nahrádza starú konzolu s chybami, ktorá bola zastaraná a bude odstránená v budúcej verzii prehliadača Firefox.
Čo je to správa pre webových vývojárov? Je to správa vytlačená na objekt window.console. Mohli by sme napríklad spustiť window.console.log ("Hello World"); JavaScript kód v Scratchpad tlačiť správu vývojára do konzoly. Weboví vývojári môžu tieto správy integrovať do kódu JavaScript, ktorý vám pomôže s ladením.
Webová konzola môže fungovať v spolupráci s nástrojom Page Inspector. Premenná $ 0 predstavuje aktuálne vybraný objekt v inšpektorovi. Ak chcete napríklad skryť aktuálne vybraný objekt, mohli by ste ho spustiť $ 0.style.display = "none" v konzole.
Získajte viac nástrojov
Získajte viac nástrojov, sa dostanete na kolekciu doplnkov pre vývojárov webových aplikácií na webovej lokalite Mozilla Add-Ons. Obsahuje niektoré z najlepších doplnkov pre vývojárov webových stránok, vrátane Firebug a Panelu vývojárov webových aplikácií.
Ak už niekoľko rokov používate Firefox, pamätáte si inšpektora DOM. Integrované vývojárske nástroje od spoločnosti Firefox odvtedy prichádzajú ďaleko.