Pagrindinis » kaip » Kaip naudotis „Firefox“ žiniatinklio kūrimo įrankiais

    Kaip naudotis „Firefox“ žiniatinklio kūrimo įrankiais

    „Firefox“ žiniatinklio kūrėjo meniu yra puslapių tikrinimo įrankiai, savavališko „JavaScript“ kodo vykdymas ir HTTP užklausų bei kitų pranešimų peržiūra. „Firefox 10“ pridėjo naują „Inspector“ įrankį ir atnaujino „Scratchpad“.

    Naujos „Firefox“ žiniatinklio kūrėjo funkcijos, kartu su puikiais žiniatinklio kūrėjų priedais, pvz., „Firebug“ ir „Web Developer Toolbar“, leidžia „Firefox“ tapti idealia žiniatinklio kūrėjų naršykle. Visi įrankiai yra prieinami „Web Developer“ programoje „Firefox“ meniu.

    Puslapio inspektorius

    Patikrinkite konkretų elementą dešiniuoju pelės klavišu spustelėdami jį ir pasirinkdami Patikrinkite (arba paspauskite Q). Taip pat galite paleisti Inspektorius iš „Web Developer“ meniu.

    Ekrano apačioje pamatysite įrankių juostą, kuria galite valdyti inspektorių. Pasirinktas elementas bus paryškintas ir kiti elementai puslapyje bus neryškūs.

    Jei norite pasirinkti naują elementą, spustelėkite Patikrinkite mygtukas įrankių juostoje, perkelkite pelės žymeklį ant puslapio ir spustelėkite savo elementą. „Firefox“ pabrėžia elementą, esantį po žymekliu.

    Galite pereiti tarp tėvų ir vaikų elementų, paspaudę įrankių juostoje esančius grūdus.

    HTML inspektorius

    Spustelėkite HTML mygtuką norėdami 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ų lengva vizualizuoti. Jei norite matyti puslapio HTML į plokščią failą, galite pasirinkti Rodyti puslapio šaltinį iš „Web Developer“ meniu.

    CSS inspektorius

    Spustelėkite Stilius mygtuką, kad pamatytumėte pasirinkto elemento CSS taisykles.

    Taip pat yra CSS savybių skydas - persijungti tarp dviejų, spustelėję Taisyklės ir Savybės mygtukai. Jei norite rasti konkrečių savybių, savybių skydelyje yra paieškos laukelis.

    Elemento CSS galite redaguoti skiltyje iš taisyklių skydo. Pažymėkite žymės langelius, kad išjungtumėte taisyklę, spustelėkite tekstą, kad pakeistumėte taisyklę, arba pridėkite savo taisykles į elementą, esantį lango viršuje. Čia pridėjau šrifto svoris: paryškintas; CSS taisyklė, kad elemento tekstas būtų paryškintas.

    „JavaScript Scratchpad“

    „Scratchpad“ taip pat matė „Firefox 10“ atnaujinimą ir dabar turi sintaksės išryškinimą. Galite įvesti „JavaScript“ kodą, kuris bus rodomas dabartiniame puslapyje.

    Kai turėsite, spustelėkite Vykdyti meniu ir pasirinkite Vykdyti. Šis kodas veikia dabartiniame skirtuke.

    Interneto konsolė

    Interneto konsolė pakeičia seną klaidų konsolę, kuri buvo pasenusi ir bus pašalinta būsimoje „Firefox“ versijoje.

    Konsolėje rodomi keturi skirtingi pranešimų tipai, kuriuos galite perjungti iš tinklo užklausų, CSS klaidų pranešimų, „JavaScript“ klaidų pranešimų ir žiniatinklio kūrėjų pranešimų..

    Kas yra žiniatinklio kūrėjo pranešimas? Tai pranešimas, atspausdintas į lango.console objektą. Pavyzdžiui, galėtume paleisti window.console.log („Sveikas pasaulis“); „JavaScript“ kodas „Scratchpad“, kad išspausdintumėte kūrėjo pranešimą į konsolę. Žiniatinklio kūrėjai gali integruoti šiuos pranešimus į savo „JavaScript“ kodą, kad padėtų derinti.

    Atnaujinkite puslapį ir pamatysite sugeneruotus tinklo prašymus ir kitus pranešimus.

    Norėdami filtruoti pranešimus, naudokite paieškos laukelį; spustelėkite, jei norite pamatyti daugiau informacijos.

    Kaip ir „Firefox 10“, žiniatinklio konsolė gali dirbti kartu su „Page Inspector“. Kintamasis $ 0 žymi šiuo metu pasirinktą objektą inspektoriuje. Taigi, pavyzdžiui, jei norite paslėpti šiuo metu pasirinktą objektą, galite paleisti $ 0.style.display = "none" konsolėje.

    Jei norite sužinoti daugiau apie konsolės naudojimą ir jo integruotas funkcijas, apsilankykite „Web Console“ puslapyje „Mozilla“ kūrėjo tinklo svetainėje.

    Gaukite daugiau įrankių

    The Gaukite daugiau įrankių į „Mozilla“ priedų svetainę pateksite į „Web Developer's Toolbox“ priedų rinkinį. Jame yra keletas geriausių žiniatinklio kūrėjų priedų, įskaitant „Firebug“ ir „Web Developer Toolbar“.


    Jei keletą metų naudojote „Firefox“, galite prisiminti DOM inspektorių. Nuo tada „Firefox“ integruoti kūrimo įrankiai jau seniai nuvažiavo.