Izveidojiet Ultimate Firefox Web izstrādes profilu

Izveidojiet Ultimate Firefox Web izstrādes profilu
Izveidojiet Ultimate Firefox Web izstrādes profilu

Video: Izveidojiet Ultimate Firefox Web izstrādes profilu

Video: Izveidojiet Ultimate Firefox Web izstrādes profilu
Video: Trying Japan's Completely Private Room Bus | Kinosaki - Osaka - YouTube 2024, Novembris
Anonim

Pareizi konfigurējot, Firefox var kļūt par galveno tīmekļa izstrādes rīku, kas nodrošina tiešu piekļuvi lapai, ar kuru jūs strādājat, lai jūs varētu rediģēt lapu reālā laikā, atkļūdot javascript vai pat rediģēt html.

Izveidojiet atsevišķu profilu Web izstrādei

Visu šo izstrādes rīku instalēšana padarīs Firefox par ļoti lielu pārlūkprogrammu, tādēļ mums vispirms vajadzētu izveidot jaunu Firefox profilu.

Jūs varat sākt atsevišķu profilu vienlaikus ar savu parasto profilu, izveidojot jaunu saīsni ar šiem argumentiem, aizstājot WebDev ar sava profila nosaukumu. Ir arī detalizēts skaidrojums, kā to izdarīt.

firefox.exe -P WebDev -no-remote

Tagad, kad Firefox ir konfigurēts ar atsevišķu profilu tikai tīmekļa attīstībai, apskatīsim paplašinājumus, kurus mēs varam izmantot, lai padarītu Firefox par galīgo tīmekļa izstrādes rīku.

Must-Have Web Dev paplašinājumi

Šie ir visi paplašinājumi, kurus es regulāri izmanto tīmekļa attīstībai.

Firebug

Firebug ir visspēcīgākais paplašinājums javascript atkļūdošanai, CSS un html skatīšanai. Jūs varat veikt dinamiskas izmaiņas kodā un CSS un izmantot to, lai atkļūdotu jūsu Ajax kodu. Tas ir patiešām labākais paplašinājums tur.

Image
Image

Web izstrādātāja paplašinājums

Viens no labākajiem pagarinājumiem x gadiem. Tas ir jābūt jebkuram izstrādātājam, bet jūs to jau esat dzirdējuši.

Image
Image

Aardvark pagarinājums

Šis paplašinājums ir ļoti viegls paplašinājums, kas viegli parādīs lapas elementus un to piešķirto klasi / id. Tas ir vienkāršāk izmantot nekā tīmekļa izstrādātāja paplašinājumu tiem laikiem, kad vien elementam ir nepieciešama ātra informācija. Varat arī to izmantot, lai noņemtu elementus no lapas.

Image
Image

Colorzilla

Izvēlieties krāsas viegli. Ne vairāk sāpēs atrast krāsas, kas iegultas kaut kur stilu tabulā.

Image
Image

Skatīt avotu ar

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

Image
Image

HTML validētājs

Šis paplašinājums ļauj jums viegli validēt lapas HTML un instalēt skata avota panelī.

Image
Image

Greasemonkey

Tas nav tieši tīmekļa izstrādes paplašinājums, bet Greasemonkey ir lieliski, jo īpaši spējai automatizēt bieži izpildītas darbības, kas ir lielisks laika aizstāvis tīmekļa izstrādātājiem.

Image
Image

Izmēģiniet to

Viegli izmēriet attālumu ekrānā, izmantojot šo paplašinājumu. Kad esat izmēris apgabalu, varat vilkt taisnstūri pa ekrānu, lai to izmantotu kā salīdzinājumu.

Image
Image

IE skats / IE tab / OperaView / FirefoxView / Safari skats / IE Skatīt Lite

Šie paplašinājumi (izvēlieties savu izvēli) ļauj ērti apskatīt pašreizējo lapu dažādās pārlūkprogrammās. IE cilnē ļaus jums palaist IE cilnē, ja jūs būtu tik slīpi.

Image
Image

Notīrīt kešatmiņas pogu

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

Image
Image

Restartējiet Firefox

Firefox paplašinājums Restartēt ir ļoti noderīgs Firefox slēgšanai un restartēšanai ar visām cilnēm un sesijām neskartu.

Image
Image

Tab Mix Plus

Paplašinājums Tab Mix Plus ir lielisks paplašinājums kopumā, bet tīmekļa izstrādātājiem ir dažas būtiski noderīgas funkcijas: cilne Duplicate Tab un kopēšanas cilnes URL.

Image
Image

YSlow

YSlow paplašinājums ir jauns Yahoo paplašinājums, kas analizēs jūsu lapu un pateiks, kur jūs kļūdāties. Tas pat sniegs jums novērtējumu jūsu vietnes veiktspējā. Apakšējā labajā stūrī pamanīsit mazo platumu … tas jums parāda kopējo lapas izmēru, kā arī ielādes laiku. Ļoti noderīgs paplašinājums, bet tas prasa Firebug pagarinājumu.

Image
Image

Dummy Lorem Ipsum

Dummy Lipsum ģeneratora paplašinājums ģenerēs jums fiktīvu saturu, pamatojoties uz slaveno Lorem Ipsum tekstu, kas ir ļoti noderīgs, lai izveidotu jūsu vietnes viltotu saturu.

Image
Image

Screengrab!

Screengrab paplašinājums ļaus jums uzņemt ekrānuzņēmumus no lapām, taču to var darīt kaut ko, ko parasti nevar izmantot ekrānuzņēmuma rīks - tā var uzņemt visu lapas attēlu, nevis tikai skatāmo daļu.

Ir vairāki citi paplašinājumi, kurus jūs varat izmantot, taču tie ir labākie no visiem, ko esmu redzējis. Ja jums ir cits paplašinājums, kuru izmantojat regulāri, komentāros atstājiet atzīmi.
Ir vairāki citi paplašinājumi, kurus jūs varat izmantot, taču tie ir labākie no visiem, ko esmu redzējis. Ja jums ir cits paplašinājums, kuru izmantojat regulāri, komentāros atstājiet atzīmi.

Šajā brīdī jūs esat kļuvis par Firefox galveno tīmekļa izstrādes rīku. Ņemiet laiku, lai uzzinātu, kā lietot Firebug sevišķi.

Ieteicams: