13Sep
"Firefox" žiniatinklio kūrėjų meniu yra įrankiai puslapių patikrinimui, pasirinktinio JavaScript kodo vykdymui ir HTTP užklausų bei kitų pranešimų peržiūrai."Firefox 10" pridėjo visiškai naują Inspector įrankį ir atnaujintą "Scratchpad".Naujausios "
" "Firefox" interneto programų kūrimo funkcijos kartu su puikiais interneto kūrėjų papildais, tokiais kaip "Firebug" ir "Web Developer" įrankių juosta, sukuria "Firefox" idealią naršyklę, skirtą žiniatinklio kūrėjams. Visos priemonės yra prieinamos "Web Developer" "Firefox" meniu.
Page Inspector
Patikrinkite konkretų elementą spustelėdami jį dešiniuoju pelės mygtuku ir pasirinkdami Patikrinkite ( arba paspauskite Q ).Taip pat galite paleisti inspektorių iš meniu "Web Developer".
Ekrano apačioje pamatysite įrankių juostą, kurią galėsite valdyti inspektorius. Jūsų pasirinktas elementas bus paryškintas ir kiti elementai puslapyje bus švelni.
Jei norite pasirinkti naują elementą, spustelėkite Patikrinkite mygtuką įrankių juostoje, nuveskite pelę ant puslapio ir spustelėkite elementą."Firefox" žymi elementą po kursoriumi.
Jūs galite naršyti tarp tėvų ir vaiko elementų spustelėdami įrankių juostos dėžes.
HTML Inspector
Spustelėkite HTML mygtuką, jei norite peržiūrėti šiuo metu pasirinkto elemento HTML kodą.
HTML inspektorius leidžia jums išplėsti ir sutraukti HTML žymes, kad būtų lengviau vizualizuoti iš pirmo žvilgsnio. Jei norite matyti puslapio HTML plokščiame faile, galite pasirinkti meniu "Web Developer" iš meniu " View Page Source"( ).
CSS Inspector
Spustelėkite stiliaus mygtuką, jei norite pamatyti pasirinkto elemento CSS taisykles.
Taip pat yra CSS savybių skydas - perjunkite abu, spustelėdami taisykles ir savybės mygtukus. Norėdami padėti rasti konkrečias savybes, savybių skydelyje yra paieškos laukelis.
Jūs galite redaguoti elemento CSS "fly" iš "Rules" skydo. Jei norite išjungti taisyklę, nuimkite bet kurias žymės langelius, spustelėkite tekstą, kad pakeistumėte taisyklę, arba pridėkite savo taisykles elemento viršuje.Čia aš pridėjau šrifto svorį: paryškintą; CSS taisyklė, elemento tekstas paryškintas."
" JavaScript "Scratchpad"
"Scratchpad" taip pat matė "Firefox 10" atnaujinimą, dabar dabar yra sintaksės paryškinimo. Galite įvesti "JavaScript" kodą, kuris būtų rodomas dabartiniame puslapyje.
Jei turite, spustelėkite Execute meniu ir pasirinkite Run. Kodas prasideda dabartiniame skirtuke.
interneto konsolė
"Web Console" pakeičia seną klaidų konsolę, kuri nebenaudojama ir bus pašalinta būsimoje "Firefox" versijoje.
Konsole rodo keturis skirtingus pranešimų tipus, kuriuos galite perjungti - tinklo užklausų, CSS klaidų pranešimų, "JavaScript" klaidų pranešimų ir žiniatinklio kūrėjų pranešimų matomumą.
Kas yra žiniatinklio kūrėjo pranešimas? Tai pranešimas, atspausdintas lango.konsole objektui. Pavyzdžiui, galėtume paleisti window.console.log( "Hello World"); "JavaScript" kodą "Scratchpad", norėdami išspausdinti kūrėjo pranešimą į konsolę.Interneto kūrėjai gali integruoti šiuos pranešimus į savo "JavaScript" kodą, kad padėtų derinti.
Atnaujinkite puslapį ir pamatysite sugeneruotus tinklo užklausimus bei kitus pranešimus.
Naudokite paieškos laukelį, norėdami filtruoti pranešimus;spustelėkite užklausą, jei norite pamatyti daugiau informacijos.
Nuo "Firefox 10", "Web Console" gali veikti kartu su "Page Inspector".Kintamasis $ 0 žymi šiuo metu pasirinktą objektą inspektoriuje. Pavyzdžiui, jei norite paslėpti šiuo metu pasirinktą objektą, konsolėje galite paleisti $ 0.style.display = "none" .
Jei norite sužinoti daugiau apie konsolės ir jos integruotų funkcijų naudojimą, apsilankykite "Web Console" puslapyje Mozilla "Developer Network" svetainėje.
Gaukite daugiau įrankių
Gaukite daugiau įrankių parinktis pateks į "Web Developer" įrankių juostos papildinių rinkinį "Mozilla Add-ons" svetainėje. Jame yra keletas geriausių priedų, skirtų žiniatinklio kūrėjams, įskaitant "Firebug" ir "Web Developer" įrankių juostą.
Jei per pastaruosius keletą metų naudojate "Firefox", galite prisiminti DOM inspektorių.Integruoti "Firefox" kūrėjo įrankiai nuo to laiko jau seniai.