Când este configurat corespunzător, Firefox poate deveni ultimul instrument de dezvoltare web, oferindu-vă acces direct la pagina pe care lucrați, pentru a vă putea personaliza pagina în timp real, pentru a debuga javascript sau chiar pentru a edita html-ul.
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 să creați mai întâi 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, o explicație mai detaliată a modului de a face acest lucru.
firefox.exe -P WebDev - fără telecomandă
Acum că ați configurat Firefox cu un profil separat doar pentru dezvoltarea web, să aruncăm o privire la extensiile pe care le putem folosi pentru a face Firefox să fie cel mai bun instrument de dezvoltare web.
Trebuie să aibă extensii de dispozitive Web
Acestea sunt toate extensii pe care le folosesc în mod regulat pentru dezvoltarea web.
Firebug
Firebug este cea mai puternică extensie pentru depanarea javascript, vizualizarea CSS și html. Puteți face modificări dinamice ale codului și CSS și îl puteți utiliza pentru a depana codul Ajax. Este cu adevărat cea mai bună extindere acolo.
Extensia pentru dezvoltatori web
Una dintre cele mai bune extensii pentru x ani de funcționare. Acesta este un must-have pentru orice dezvoltator, dar deja ați auzit de el.
Aardvark Extension
Această extensie este o extensie foarte ușoară, care vă va arăta cu ușurință elementele de pe pagină și clasa / id atribuite. Este mai simplu de folosit decât extensia dezvoltatorului de web pentru acele momente în care aveți nevoie doar de informații rapide pentru un element. De asemenea, puteți să o utilizați pentru a elimina elemente din pagină.
ColorZilla
Selectați ușor culorile. Nu mai durere de a găsi culori încorporate undeva într-o foaie de stil.
Vizualizați sursa cu
Puteți configura mai multe profiluri sursă de vizualizare pentru a deschide sursa în diferite aplicații.
Validatorul HTML
Această extensie vă permite să validați cu ușurință pagina HTML a paginii dvs. și să o instalați în panoul Vizualizați sursa.
Maimuță unsuroasă
Nu este chiar o extensie pentru dezvoltatorii web, dar Greasemonkey este minunat, nu în ultimul rând pentru capacitatea de a automatiza acțiunile efectuate în mod obișnuit, ceea ce reprezintă un economizor de timp pentru dezvoltatorii web.
Masoar-o
Măsurați cu ușurință o distanță pe ecran cu această extensie. Odată ce ați măsurat o zonă, puteți trage dreptunghiul în jurul ecranului pentru a le utiliza ca o comparație.
Vizualizare IE / IE Tab / OperaView / FirefoxView / Safari View / IE View Lite
Aceste extensii (alegeți-vă) vă permit să vedeți cu ușurință pagina curentă în diferite browsere. Tab-ul IE vă va lăsa să rulați IE în interiorul unei file, dacă ați fi atât de înclinat.
Ștergeți butonul Cache
Șterge memoria cache. Mai ales util pentru verificarea modificărilor CSS noi.
Reporniți Firefox
Extensia pentru Repornire Firefox este foarte utilă pentru închiderea și restartarea Firefox cu toate filele și sesiunile intacte.
Tab Mix Plus
Extensia Tab Mix Plus este o extensie grozavă în general, dar are câteva caracteristici esențial de util pentru dezvoltatorii web: fila Duplicate Tab și Copy Tab.
YSlow
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 și o notă privind performanța site-ului dvs. Veți observa micul ecartament din colțul din dreapta jos ... care vă arată dimensiunea totală a paginii dvs., precum și timpul de încărcare. Extensie foarte utilă, dar necesită extensia Firebug.
Dumitru Lorem Ipsum
Extensia genomului Lipsum generat de Dumneavoastră va genera conținut fals pentru dvs. pe baza textului celebru Lorem Ipsum, care este foarte util pentru a stabili conținut fals în site-ul dvs.
Screengrab!
Extensia Screengrab vă va permite să luați capturi de ecran ale paginilor, dar puteți face ceva ca un instrument obișnuit de captura de ecran nu poate - poate să ia o imagine a întregii pagini, nu doar porțiunea vizibilă.
Există tone de alte extensii pe care le puteți utiliza, dar acestea sunt cele mai bune dintre cele mai bune din tot ceea ce 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 Firefox în ultimul instrument de dezvoltare web. Ia timp pentru a învăța cum să folosești Firebug mai ales.
