Pagina principala » HOWTO » Creați Ultimate Firefox Web Development Profile

    Creați Ultimate Firefox Web Development Profile

    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 a edita 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 să creați mai întâi un profil nou 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 -no-remote

    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 pentru 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 dezvoltatorilor web

    Una dintre cele mai bune extensii pentru x ani de funcționare. Aceasta este o necesitate pentru orice dezvoltator, dar deja ați auzit de ea.

    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 utilizat decât extensia dezvoltatorului web pentru acele momente în care aveți nevoie doar de informații rapide pentru un element. De asemenea, puteți să-l 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.

    HTML Validator

    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 putea fi folosit 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. IE Tab vă va lăsa chiar să rulați IE în interiorul unei file, dacă ați fi atât de înclinat.

    Butonul Clear Cache

    Șterge memoria cache. Este deosebit de util pentru verificarea modificărilor CSS noi.

    Reporniți Firefox

    Extensia pentru Repornire Firefox este foarte utilă pentru închiderea și repornirea 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 utilitate pentru dezvoltatorii web: fila Duplicate Tab și Copy Tab URL.

    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. 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 Dummy Lipsum generatoare va genera conținut fals pentru dvs. pe baza textului celebru Lorem Ipsum, care este foarte util pentru stabilirea conținutului fals în site-ul dvs..

    Screengrab!

    Extensia Screengrab vă va permite să luați capturi de ecran ale paginilor, dar puteți face ceva ce nu poate fi folosit de un instrument de screenshot obișnuit - poate face 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 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. Luați timp pentru a afla cum să utilizați mai ales Firebug.