Când este configurat corect, Firefox poate deveni instrumentul de dezvoltare web final, oferindu-vă acces direct la pagina la care lucrați, astfel încât să puteți stiliza pagina în timp real, să depanați javascript sau chiar să editați html.
Creați un profil separat pentru dezvoltarea web
Instalarea tuturor acestor instrumente de dezvoltare va transforma Firefox într-un browser foarte greu, așa că ar trebui mai întâi să creăm un nou profil pentru Firefox.
Puteți lansa un profil separat în același timp cu profilul dvs. obișnuit, creând o nouă comandă rapidă cu aceste argumente, înlocuind WebDev cu numele profilului dvs. Există, de asemenea, un explicație mai detaliată despre cum să faci acest lucru.
firefox.exe -P WebDev -no-remote
Acum că aveți configurat Firefox cu un profil separat doar pentru dezvoltarea web, să aruncăm o privire asupra extensiilor pe care le putem folosi pentru a transforma Firefox în instrumentul de dezvoltare web final.
Must-Have Web Dev Extensions
Acestea sunt toate extensiile pe care le folosesc în mod regulat pentru dezvoltarea web.
Firebug este cea mai puternică extensie pentru depanarea javascriptului, vizualizarea CSS și html. Puteți face modificări dinamice ale codului și CSS și le puteți utiliza pentru a depana codul Ajax. Este cu adevărat cea mai bună extensie de acolo.
Una dintre cele mai bune extensii pentru x ani consecutivi. Acesta este un lucru obligatoriu pentru orice dezvoltator, dar ați auzit deja de el.
Această extensie este o extensie foarte ușoară, care vă va arăta cu ușurință elementele de pe pagină și clasa / codul lor atribuit. Este mai simplu de utilizat decât extensia dezvoltatorului web pentru acele momente în care aveți nevoie doar de informații rapide pentru un element. De asemenea, îl puteți utiliza pentru a elimina elemente din pagină.
Selectați culorile cu ușurință. Gata cu durerea de a găsi culori încorporate undeva într-o foaie de stil.
Puteți configura mai multe profiluri sursă de vizualizare pentru a deschide sursa în diferite aplicații.
Această extensie vă permite să vă validați cu ușurință HTML-ul paginii și să se instaleze în panoul View Source.
Nu este tocmai o extensie de dezvoltator web, dar Greasemonkey este minunat, nu în ultimul rând pentru capacitatea de a automatiza acțiunile efectuate în mod obișnuit, ceea ce este un economisitor excelent pentru dezvoltatorii de web.
Măsurați cu ușurință o distanță pe ecran cu această extensie. După ce ați măsurat o zonă, puteți trage dreptunghiul în jurul ecranului pentru a fi folosit ca o comparație.
Vizualizare IE / Fila IE / OperaView / FirefoxView / Vizualizare Safari / IE View Lite
Aceste extensii (alegeți-vă) vă permit să vizualizați cu ușurință pagina curentă în diferite browsere. IE Tab vă va permite chiar să rulați IE în interiorul unei file, dacă ați fost atât de înclinați.
Șterge memoria cache. Util în special pentru verificarea noilor modificări CSS.
Extensia Restart Firefox este foarte utilă pentru închiderea și repornirea Firefox cu toate filele și sesiunile intacte.
Extensia Tab Mix Plus este o extensie excelentă, în general, dar are câteva caracteristici esențial utile pentru dezvoltatorii web: Duplicate Tab și Copy Tab URL.
Extensia YSlow este o nouă extensie de la Yahoo care vă va analiza pagina și vă va spune unde faceți greșeli. Vă va oferi chiar o notă asupra performanței site-ului dvs. Veți observa micul indicator în colțul din dreapta jos ... acesta vă arată dimensiunea totală a paginii dvs., precum și timpul de încărcare. Extensie foarte utilă, dar necesită extensia Firebug.
Extensia generatorului Dummy Lipsum va genera conținut fals pentru dvs. pe baza celebrului text Lorem Ipsum, care este foarte util pentru prezentarea conținutului fals pe site-ul dvs.
Extensia Screengrab vă va permite să faceți capturi de ecran ale paginilor, dar poate face ceva ce un instrument obișnuit de capturi de ecran nu poate - poate face o imagine a întregii pagini, nu doar a porțiunii vizibile.
Există o mulțime de alte extensii pe care le puteți utiliza, dar acestea sunt cele mai bune dintre cele mai bune din toate cele pe care le-am văzut. Dacă aveți o altă extensie pe care o utilizați în mod regulat, lăsați o mențiune în comentarii.
În acest moment, ați transformat acum Firefox în instrumentul suprem de dezvoltare web. Faceți-vă timp pentru a afla cum să folosiți Firebug în special.
