Firefoxi uued veebiarendaja funktsioonid koos suurepäraste veebiarendaja lisandmoodulitega nagu Firebug ja veebiarenduste tööriistariba muudavad Firefoxi veebiarendajate jaoks ideaalseks brauseriks. Kõik tööriistad on Firefoxi menüüs Veebiarenda all.
Leheküljeinspektor
Kontrollige konkreetset elementi, paremklõpsates seda ja valides Kontrollige (või vajutades Q.) Võite ka käivitada Inspektor veebiarenduse menüüst.
Kui soovite valida uue elemendi, klõpsake nuppu Kontrollige nuppu tööriistaribal, hõljutage kursorit lehe kohal ja klõpsake oma elemendil. Firefox tõstab esile kursori all oleva elemendi.
HTML inspektor
Klõpsake nupul HTML nuppu, et vaadata hetkel valitud elemendi HTML-koodi.
HTML-i inspektor võimaldab HTML-i silte laiendada ja kollapsa muuta, et oleks lihtne lühidalt visualiseerida. Kui soovite näha lehekülje HTML-vormingus lamedat faili, saate seda valida Vaata lehekülje allikat veebiarenduse menüüst.
CSS Inspector
Klõpsake nupul Stiil nuppu, et näha valitud elemendile kohaldatud CSS-i reegleid.
Seal on ka CSS-i omaduste paneel - lülituda nende vahel, klõpsates nupul Reeglid ja Omadused nupud. Spetsiifiliste omaduste leidmiseks on omaduste paneelil otsingukast.
Te saate muuta elemendi CSS-i lennult reeglite paneelilt. Režiimi desaktiveerimiseks tühjendage märkeruudud, märkige reegli muutmiseks ükskõik milline märkeruut või lisage paneeli ülaosale elemendile oma reeglid. Siin ma lisasin font-mass: bold; CSS-i reegel, muutes elemendi teksti paksuks.
JavaScript skriptipad
Scratchplaat nägi ka Firefox 10 värskendust ja nüüd sisaldab süntaksi esiletõstmist. Võite sisestada JavaScripti koodi, mida jooksval lehel näidata.
Kui olete, klõpsake nupul Täitke menüü ja vali Jookse Kood töötab praegusel vahekaardil.
Veebikonsool
Veebikonsool asendab vana vigakonsooli, mis on aegunud ja eemaldatakse Firefoxi tulevases versioonis.
Mis on veebiarendaja sõnum? See on aken.konsooli objektile trükitud sõnum. Näiteks võiksime käivitada window.console.log ("Hello World"); Kontoris arendaja sõnumi printimiseks klõpsake Scratchpadis JavaScript-koodi. Veebiarendajad saavad neid sõnumeid JavaScripti koodi integreerida silumiseks.
Alates Firefox 10-st võib veebikonsool töötada koos Page Inspectoriga. Muutuja $ 0 esindab valitud inspekteeritava objekti. Näiteks, kui soovid praegu valitud objekti peita, võiksite käivitada $ 0.style.display = "pole" konsoolis.
Hankige rohkem tööriistu
The Hankige rohkem tööriistu Võimalus viib teid veebiarendaja tööriistakomplekti lisakogusse Mozilla lisandmoodulite veebisaidile. See sisaldab mõnda parimat veebiarendaja lisandmoodulit, sealhulgas Firebugit ja veebiarendajate tööriistariba.
Kui olete mõnda aastat Firefoxi kasutanud, võite DOMi inspektorit meeles pidada. Sellest ajast alates on Firefoxi integreeritud arendaja tööriistad jõudnud kaugele.