/ / Izveidojiet Ultimate Firefox Web attīstības profilu

Izveidojiet Ultimate Firefox Web izstrādes profilu

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.

attēls

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.

attēls

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.

attēls

Colorzilla

Viegli atlasiet krāsas. Vairs nav sāpju atrast krāsas, kas iegultas kaut kādā stila lapā.

attēls

Skatīt avotu ar

Lai atvērtu avotu dažādās lietojumprogrammās, varat iestatīt vairākus skata avota profilus.

attēls

HTML validētājs

Šis paplašinājums ļauj jums viegli pārbaudīt savas lapas HTML un instalēt panelī Skatīt avotu.

attēls

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.

attēls

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.

attēls

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.

attēls

Notīrīt kešatmiņas pogu

Notīra kešatmiņu. Īpaši noderīga jaunu CSS izmaiņu pārbaudei.

attēls

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.

attēls

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.

attēls

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.

attēls

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ē.

attēls

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.

attēls
attēls

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.