Kuidas kasutada Firefoxi veebiarendustööriistu
Firefoxi veebiarendaja menüü sisaldab lehekülgede kontrollimise vahendeid, suvalise JavaScript-koodi täitmist ning HTTP-taotluste ja muude sõnumite vaatamist. Firefox 10 lisas uue inspektori tööriista ja värskendas Scratchpadi.
Firefoxi uued veebiarendaja funktsioonid koos awesome veebiarendaja lisandmoodulitega, nagu Firebug ja veebiarenduse tööriistariba, muudavad Firefoxi veebi arendajatele ideaalseks brauseriks. Kõik tööriistad on saadaval Firefoxi menüüs Veebiarendaja all.
Lehekülje inspektor
Kontrollige konkreetset elementi paremklõpsates ja valides Kontrollige (või vajutades Q). Võite käivitada ka Inspektor menüüst Veebi arendaja.
Näete ekraani allosas tööriistariba, mida saate kasutada inspektori juhtimiseks. Valitud element tõstetakse esile ja muud lehekülje elemendid on tuhm.
Kui soovite valida uue elemendi, klõpsake nuppu Kontrollige nuppu tööriistaribal, lükake hiirega lehe peale ja klõpsake oma elemendil. Firefox tõstab esile kursori all oleva elemendi.
Vanemate ja lapse elementide vahel saab navigeerida, klõpsates tööriistaribal olevale leivakorvile.
HTML inspektor
Klõpsake nuppu HTML nupp, et vaadata valitud elemendi HTML-koodi.
HTML-i inspektor võimaldab teil HTML-silte laiendada ja kokku lüüa, mistõttu on nende visuaalne ülevaatamine lihtne. Kui soovite näha lehe HTML-i korterfailis, saate valida Vaata lehekülje allikat menüüst Veebi arendaja.
CSS inspektor
Klõpsake nuppu Stiil nupp, et näha valitud elemendi CSS-reegleid.
Samuti on olemas CSS-i omaduste paneel - lülituge kahe vahel, klõpsates Reeglid ja Omadused nupud. Konkreetsete omaduste leidmiseks sisaldab omaduste paneel otsingukasti.
Elemendi CSS-i saab muuta reeglite paneelilt. Eemaldage reegli tühistamiseks märkeruudud, klõpsake reegli muutmiseks teksti või lisage oma reeglid paneeli ülaosas asuvale elemendile. Siin olen lisanud fondi kaal: rasvane; CSS reegel, mis muudab elemendi teksti julge.
JavaScript Scratchpad
Scratchpad nägi ka värskendust Firefox 10-ga ja sisaldab nüüd süntaksi esiletõstmist. Võite sisestada JavaScripti koodi jooksvale lehele.
Kui olete, klõpsake nuppu Käivita menüü ja valige Käivita. Kood töötab praeguses vahekaardis.
Veebikonsool
Veebikonsool asendab vana veakonsooli, mis on aegunud ja eemaldatakse tulevases Firefoxi versioonis.
Konsoolil kuvatakse neli erinevat tüüpi sõnumeid, mida saate valida võrgupäringute, CSS-tõrketeadete, JavaScript-veateadete ja veebiarendaja sõnumite nähtavuse kohta.
Mis on veebi arendaja sõnum? See on aken, mis on trükitud akna.console objektile. Näiteks võiksime käivitada window.console.log (“Hello World”); JavaScripti kood Scratchpadis, et printida konsoolile arendaja sõnum. Veebiarendajad saavad need sõnumid oma JavaScript-koodidesse integreerida, et aidata siluda.
Värskenda lehte ja näete loodud võrgupäringuid ja muid sõnumeid.
Sõnumite filtreerimiseks kasutage otsingukasti; Kui soovite näha rohkem üksikasju, klõpsake taotlust.
Firefox 10-st alates võib veebikonsool töötada koos Page Inspectoriga. Muutuja $ 0 esindab inspektoris praegu valitud objekti. Näiteks, kui soovisite praegu valitud objekti varjata, võid käivitada $ 0.style.display = "none" konsoolis.
Kui olete huvitatud konsooli ja selle sisseehitatud funktsioonide kasutamise kohta rohkem teada, vaadake veebikonsooli lehekülge Mozilla arendajavõrgu veebisaidilt.
Hangi rohkem tööriistu
The Hangi rohkem tööriistu Valik viib teid veebiarendaja tööriistakasti lisakogusse Mozilla lisandmoodulite veebisaidil. See sisaldab mõningaid veebiarendajate parimaid lisandmooduleid, sealhulgas Firebug ja veebiarendaja tööriistariba.
Kui olete Firefoxi mõne aasta jooksul kasutanud, võite DOM inspektorit mäletada. Firefoxi integreeritud arendustööriistad on sellest ajast saadik kaugele jõudnud.