13Sep
Firefox Web izstrādātāju izvēlnē ir instrumenti lapu pārbaudīšanai, patvaļīga JavaScript koda izpildei un HTTP pieprasījumu un citu ziņojumu skatīšanai. Firefox 10 pievienoja pilnīgi jaunu Inspector rīku un atjauninātu Scratchpad.
Firefox jaunās tīmekļa izstrādes funkcijas, apvienojumā ar lieliskiem tīmekļa izstrādātāju pievienojumiem, piemēram, Firebug un Web izstrādātāju rīkjoslai, padara Firefox par ideālu tīmekļa izstrādātāju pārlūku. Visi rīki ir pieejami Firefox izvēlnē Web Developer.
lapas inspektors
Pārbaudiet konkrētu elementu, ar peles labo pogu noklikšķinot un izvēlieties Pārbaudiet ( vai nospiediet Q ).Jūs varat arī palaist inspektoru no Web Developer izvēlnes.
Ekrāna apakšdaļā redzēsiet rīkjoslu, kuru jūs varat izmantot, lai kontrolētu inspektoru. Jūsu izvēlētais elements tiks izcelts, un citi lapas elementi būs bloķēti.
Ja vēlaties izvēlēties jaunu elementu, noklikšķiniet uz Pārbaudīt pogu uz rīkjoslas, novietojiet peles kursoru virs lapas un noklikšķiniet uz sava elementa. Firefox uzsver elementu zem kursora.
Jūs varat virzīties starp vecākiem un bērniem paredzētajiem elementiem, noklikšķinot uz rīkjoslā esošajiem rāmju rāmjiem.
HTML Inspector
Noklikšķiniet uz pogas HTML , lai apskatītu pašlaik atlasītā elementa HTML kodu.
HTML inspektors ļauj jums izvērst un sakļaut HTML tagus, tādēļ ir viegli vizualizēt īsumā.Ja vēlaties redzēt HTML lapu plakanajā failā, Web izstrādātāju izvēlnē varat izvēlēties Skatīt lapas avotu .
CSS Inspector
Noklikšķiniet uz pogas Style , lai skatītu atlasītajam elementam piemērotos CSS noteikumus.
Ir arī CSS īpašību panelis - pārslēdzieties starp diviem, noklikšķinot uz Noteikumiem un Properties pogām. Lai palīdzētu jums atrast īpašas īpašības, īpašumu panelis ietver meklēšanas lodziņu.
Jūs varat rediģēt elementa CSS par lidojumu no Reglamenta paneļa. Noņemiet atzīmi no kādām no izvēles rūtiņām, lai deaktivizētu kārtulu, noklikšķiniet uz teksta, lai mainītu kārtulu, vai arī pievienojiet savus noteikumus elementam, kas atrodas paneļa augšpusē.Šeit esmu pievienojis fonta svaru: treknrakstu; CSS noteikums, padarot elementa tekstu treknrakstā.
JavaScript scratchpad
Scratchpad arī redzēja atjauninājumu ar Firefox 10 un tagad satur sintakses izcelšanu. Varat ierakstīt JavaScript kodu, kas palaists pašreizējā lapā.
Kad esat, noklikšķiniet uz Izpildīt izvēlni un atlasiet Run. Kods darbojas pašreizējā cilnē.
Web Console
Web Console aizstāj veco kļūdas konsoli, kas ir novecojusi un tiks noņemta nākamajā Firefox versijā.
Konsole parāda četrus dažādu veidu ziņojumus, kurus varat pārslēgt - tīkla pieprasījumus, CSS kļūdu ziņojumus, JavaScript kļūdu ziņojumus un tīmekļa izstrādātāju ziņojumus.
Kas ir tīmekļa izstrādes ziņojums? Tas ir ziņojums, kas drukāts uz window.console objektu. Piemēram, mēs varētu palaist window.console.log( "Hello World"); JavaScript kodu Scratchpad, lai drukātu izstrādātāja ziņojumu konsolē.Tīmekļa izstrādātāji var integrēt šos ziņojumus savā JavaScript kodā, lai palīdzētu ar atkļūdošanu.
Atsvaidziniet lapu un redzēsit izveidotos tīkla pieprasījumus un citus ziņojumus.
Izmantojiet meklēšanas lodziņu, lai filtrētu ziņas;noklikšķiniet uz pieprasījuma, ja vēlaties redzēt sīkāku informāciju.
Tā kā Firefox 10, Web konsole var strādāt kopā ar lapas Inspector.$ 0 mainīgais norāda inspektoram pašlaik atlasīto objektu. Tātad, piemēram, ja vēlaties slēpt pašreiz izvēlēto objektu, konsolei varat palaist $ 0.style.display = "none" .
Ja vēlaties uzzināt vairāk par konsole un tās iebūvētām funkcijām, izlasiet tīmekļa konsoles lapu Mozilla izstrādātāju tīkla vietnē.
Iegūstiet vairāk rīku
Iegūstiet vairāk rīku opcija novirza jūs uz Web izstrādātāja rīklodziņu papildinājumu kolekciju Mozilla Add-Ons vietnē.Tajā ir daži no labākajiem tīmekļa izstrādātāju papildinājumiem, tostarp Firebug un Web izstrādātāju rīkjosla.
Ja esat lietojis Firefox dažus gadus, jūs varat atcerēties DOM inspektoru. Kopš tā laika Firefox integrētie izstrādātāju rīki ir bijuši tālu.
