Pareizi konfigurējot, Firefox var kļūt pargalvenais tīmekļa izstrādes rīks, dodot jums tiešu piekļuvi lapai, kurā strādājat, lai jūs varētu rediģēt savu lapu reāllaikā, atkļūdot javascript vai pat rediģēt html.
Izveidojiet atsevišķu profilu tīmekļa izstrādei
Instalējot visus šos izstrādes rīkus, Firefox kļūs par ļoti smagu pārlūku, tāpēc mums vispirms jāizveido jauns Firefox profils.
Tajā pašā varat atvērt atsevišķu profilulaiks kā parastais profils, izveidojot jaunu saīsni ar šiem argumentiem, aizstājot WebDev ar sava profila vārdu. Tur ir arī sīkāks paskaidrojums, kā to izdarīt.
firefox.exe -P WebDev -no-tālvadības
Tagad, kad esat Firefox konfigurējis ar atsevišķu profilu tikai tīmekļa izstrādei, apskatīsim paplašinājumus, kurus varam izmantot, lai Firefox padarītu par galveno tīmekļa attīstības rīku.
Obligāti nepieciešami Web Dev paplašinājumi
Tie ir visi paplašinājumi, kurus es regulāri izmantoju tīmekļa izstrādei.
Firebug
Firebug ir visspēcīgākais paplašinājumsjavascript atkļūdošana, CSS un html apskate. Jūs varat veikt dinamiskas izmaiņas kodā un CSS un izmantot to, lai atkļūdotu savu Ajax kodu. Tas patiešām ir labākais pagarinājums, kas tur pieejams.
Web izstrādātāja paplašinājums
Viens no labākajiem paplašinājumiem x gadus pēc kārtas. Tas ir obligāts nosacījums jebkuram izstrādātājam, bet jūs par to jau esat dzirdējis.
Aardvark pagarinājums
Šis pagarinājums ir ļoti viegls pagarinājumskas viegli parādīs lapas elementus un tiem piešķirto klasi / ID. Tas ir vienkāršāk lietojams nekā tīmekļa izstrādātāja paplašinājums tajos laikos, kad jums vienkārši nepieciešama ātra informācija par elementu. Varat arī to izmantot, lai noņemtu elementus no lapas.
Colorzilla
Viegli atlasiet krāsas. Vairs nav sāpju atrast krāsas, kas iegultas kaut kādā stila lapā.
Skatīt avotu ar
Lai atvērtu avotu dažādās lietojumprogrammās, varat iestatīt vairākus skata avota profilus.
HTML validētājs
Šis paplašinājums ļauj jums viegli pārbaudīt savas lapas HTML un instalēt panelī Skatīt avotu.
Greasemonkey
Tas nav precīzi tīmekļa izstrādātāju paplašinājums, taču Greasemonkey ir satriecošs, arī tāpēc, ka spēja automatizēt parasti veiktās darbības, kas ir lielisks laika ietaupījums tīmekļa izstrādātājiem.
Izmēriet to
Izmantojot šo paplašinājumu, ekrānā viegli izmēriet attālumu. Kad esat izmērījis laukumu, varat vilkt taisnstūri ap ekrānu, lai to izmantotu kā salīdzinājumu.
IE skats / IE cilne / OperaView / FirefoxView / Safari skats / IE View Lite
Šie paplašinājumi (pēc izvēles) ļauj ērti apskatīt pašreizējo lapu dažādos pārlūkos. IE cilne pat ļaus jums palaist IE cilnes iekšpusē, ja jūs tik ļoti sliecāties.
Notīrīt kešatmiņas pogu
Notīra kešatmiņu. Īpaši noderīga jaunu CSS izmaiņu pārbaudei.
Restartējiet Firefox
Restartēt Firefox paplašinājumu ir ļoti noderīgi, lai aizvērtu un restartētu Firefox ar visām cilnēm un sesijām neskartām.
Tab Mix Plus
Tab Mix Plus paplašinājums kopumā ir lielisks paplašinājums, taču tam ir dažas Web izstrādātājiem noderīgas funkcijas: Kopēt cilni un Kopēt cilnes URL.
YSlow
YSlow paplašinājums ir jauns Yahoo paplašinājumskas analizēs jūsu lapu un pateiks, kur pieļaujat kļūdas. Tas pat piešķirs jūsu vietnes veiktspējas novērtējumu. Jūs pamanīsit nelielu rādītāju apakšējā labajā stūrī ... tas norāda kopējo lapas lielumu, kā arī ielādes laiku. Ļoti noderīgs paplašinājums, taču tam ir nepieciešams Firebug paplašinājums.
Manekens Lorems Ipsums
Dummy Lipsum ģeneratora paplašinājums jums radīs fiktīvu saturu, pamatojoties uz slaveno Lorem Ipsum tekstu, kas ir ļoti noderīgs viltota satura izvietošanai jūsu vietnē.
Ekrāna paraugs!
Paplašinājums Screengrab ļaus jums uzņemt lapu ekrānuzņēmumus, taču to var izdarīt arī parastais ekrānuzņēmumu rīks - tas var attēlot visu lapu, ne tikai skatāmo daļu.
Ir daudz citu paplašinājumu, kurus varat izmantot, taču tie ir labākie no labākajiem no visiem, ko esmu redzējis. Ja jums ir cits paplašinājums, kuru regulāri izmantojat, komentāros atstājiet pieminējumu.
Šajā brīdī jūs esat pārvērtis Firefox par galveno tīmekļa izstrādes rīku. Nesteidzieties, lai uzzinātu, kā īpaši lietot Firebug.