24Aug
Kui see on korralikult seadistatud, saab see Firefoxi lõplikuks veebiarendustööriistuks, mis võimaldab teil otse pääseda lehele, kus te töötate, nii et saate oma lehte reaalajas stiili kujundada, debug javascripti või isegi muuta html-i.
Eraldi profiili loomine veebiarenduseks
Kõikide nende arendusvahendite installimine muudab Firefoxi väga raske brauseriks, seega peaksime kõigepealt Firefoxi jaoks uue profiili looma.
Võite käivitada eraldi profiili samal ajal kui oma tavapärast profiili, luues nende argumentidega uue otsetee, asendades WebDev oma profiili nimega. Samuti on üksikasjalikum selgitus selle kohta, kuidas seda teha.
firefox.exe -P WebDev -no-remote
Nüüd, kui Firefox on konfigureeritud eraldi profiiliga ainult veebiarenduseks, vaatame laiendusi, mida Firefox saab kasutada lõplikuks veebiarenduse vahendiks.
Must-Have Web Dev laiendused
Need on kõik laiendused, mida ma veebirajatistele korrapäraselt kasutavad.
Firebug
Firebug on kõige võimsam laiend JavaScripti silumiseks, CSS-i ja html vaatamine. Võite teha koodi ja CSS-i dünaamilisi muudatusi ja kasutada seda Ajaxi koodi silumiseks. See on tõesti parim laiendus seal.
veebiarendaja pikendus
Üks parimaid laiendusi x aastas töötab. See peab olema iga arendaja jaoks, kuid olete juba sellest kuulnud.
Aardvarki laiendus
See laiendus on väga kerge laiendus, mis näitab lihtsalt lehe elemente ja nende määratud klassi / idi. See on lihtsam kasutada kui veebiarendaja laiendust neile hetkedele, mil elemendi kiire info on vaja lihtsalt. Võite seda ka kasutada elementide eemaldamiseks lehelt.
Colorzilla
Vali värvid lihtsalt. Ei leia rohkem värve, kui leida värve kusagil stiil tabelis.
vaatamise allikas
abil saate erinevate rakenduste allika avamiseks seadistada mitu vaate allika profiile.
HTML Validator
See laiendus võimaldab teil lehe HTML-i hõlpsasti kinnitada ja installida paneelile View Source.
Greasemonkey
See ei ole täpselt veebiarendaja laiendus, kuid Greasemonkey on fantastiline, seda eriti selleks, et saaksime automatiseerida sageli teostatud toiminguid, mis on veebojuhtidele suurepärane aja kokkuhoid.
Mõõda seda
Mõõda kaugus ekraanil selle pikendusega. Kui olete piirkonna mõõtnud, võite selle võrdlusena kasutada ristküliku ümber ekraani ümber.
IE Vaata / IE Tab / OperaView / FirefoxView / Safari vaade / IE Vaata Lite
Neid laiendeid( võtke valik) saate hõlpsalt vaadata praegust lehte erinevates brauserites. IE-i vahekaart lubab teil isegi vahekaardil IE-i kasutada, kui see oleks nii kallutatud.
Clear Cache nupp
Vahemälu tühjendamine. Eriti kasulik uute CSS-i muudatuste kontrollimiseks.
Restart Firefox
Firefoxi taaskäivitamine on väga kasulik Firefoxi sulgemiseks ja taaskäivitamiseks, kõik sakid ja seansid puutumata.
Tab Mix Plus
Laienduse Tab Mix Plus laiend on üldiselt lai, kuid sellel on mõned veebidisainerite jaoks mõningad sisuliselt kasulikud funktsioonid: dubleeriv vahekaart ja kopeerimise vahekaardi URL.
YSlow
YSlowi laiendus on Yahoo'i uus laiendus, mis analüüsib teie lehte ja annab sulle teada, kus teete vigu. See annab teile isegi saidi jõudluse taseme. Te näete väiksemal paremal nurgal olevat väikest mõõdet. .. see ütleb teile kogu lehe suuruse ja laadimisaja. Väga kasulik laiendus, kuid see nõuab Firebagi laiendamist.
Dummy Lorem Ipsum
Dummy Lipsum generaatori laiendus loob teile näiva sisu, tuginedes kuulsale Lorem Ipsumi tekstile, mis on väga kasulik teie saidil võltsitud sisu levitamiseks.
Screengrab!
Screengrabi laiendus võimaldab teil teha ekraanikuvasid lehti, kuid võib midagi teha, mida tavaline ekraanipildi tööriist ei saa - see võib võtta kogu lehe kuju, mitte ainult vaadatavat osa.
On palju teisi laiendusi, mida saate kasutada, kuid need on parimad kõikidest, mida ma olen näinud. Kui teil on teine laiend, mida te regulaarselt kasutate, jätke kommentaarides mainimata.
Sellel hetkel olete nüüd Firefoxi muutnud lõplikuks veebiarenduse tööriistaks. Võta aega, et õppida Firebagi kasutamist eriti.
