Ghid de instalare a Firebug în browserele majore și dispozitivele iOS

Firebug este un add-on pentru Firefox cu instrumente cool pentru a inspecta elementul de pagină web, pentru a depana și a dezvolta pagini web. Cu toate acestea, nu există niciun mod în care puteți avea aceste instrumente pe alte browsere web, în afară de Firefox.

Dezvoltarea unui instrument similar pentru alte browsere poate dura foarte mult, dar va fi de mare ajutor dacă ați putea obține Firebug să lucreze și pe alte browsere, având în vedere că toată lumea are browserele preferate.

Ei bine, aici vine Firebug Lite pentru a vă rezolva nevoile. Firebug Lite este o versiune mai simplă a Firebug, dar poate fi utilizată pe IE, Opera, Chrome, Safari, iPad și iPhone, păstrând în același timp opțiuni și caracteristici similare.

Instalarea Firebug Lite pe Opera, Safari & Chrome

Cu Firebug Lite, nu este necesară nicio instalare. Scris în Java Script, puteți marca un link Firebug Lite și va fi gata pentru inspecția paginii. Deci, ceea ce trebuie să faceți este să marcați pur și simplu link-ul de mai jos (puteți, de asemenea, să glisați linkurile în bara de marcaje a browserului dvs.).

Firebug Lite

Dacă utilizați browserul Chrome, marcajul trebuie să apară ca mai jos, dacă bara de marcaje este vizibilă.

Asta e, Firebug Lite ar trebui să funcționeze acum când trebuie să-l folosești.

Folosind Firebug Lite pe Opera, Safari & Chrome

Acum puteți folosi Firebug Lite pentru a inspecta practic orice pagină Web. Pentru acest exemplu, vom folosi Wikipedia.org.

Când pagina web este încărcată, faceți clic pe marcajul Firebug Lite pe care l-ați salvat mai devreme și veți vedea o casetă de consolă afișată în partea de jos a paginii web.

Dacă închidem, acesta este ceea ce veți vedea în partea stângă jos a paginii.

Acum puteți vedea (+) și (-) la punctul de plecare al mai multor rânduri. (+) Înseamnă că există mai multe linii închise sub un singur strat de html și dacă evidențiați linia, veți vedea care parte a paginii o reprezintă.

Dar dacă doriți să faceți mai ușor liniile reprezentate de orice text, fotografie, link sau alte elemente de pe pagina web, faceți clic pe butonul "Inspect".

Acum puteți plasa cursorul mouse-ului pe oricare parte a elementelor disponibile pe pagina web și veți vedea linia html evidențiată. Acest lucru vă face mai ușor să faceți o inspecție.

Instalarea Firebug Lite pe iPad și iPhone

Bookmarklets nu merge bine cu iPad și iPhone. Pentru a avea Firebug Lite instalat pe iPad și iPhone, iată cum:

Marcați această pagină pe iPad sau pe iPhone.
Redenumiți marcajul la "Firebug".

Selectați și copiați tot scriptul de mai jos.

javascript: (funcția (F, i, r, e, b, u, g, L, I, T, E) if (F.getElementById (b)) întoarcere; E = F [i + 'NS'] && F. ? documentElement.namespaceURI; E = E F [i + 'NS'] (E, 'script'): F [i] ( 'script'); E [r] ( 'id', b); E [r] ( 'src', I + g + T) e [r] (b, u); (F [e] ( 'cap') [0] || F [e] ( 'organism') [0]). appendChild (E); E = new% 20Image; E [r] ( 'src', I + L);) (document, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'Firebug-lite.js', 'de presă / Lite / cele mai recente / piele / XP / sprite.png', 'https: //getfirebug.com/','#startOpened');

Accesați opțiunea de marcare și apăsați "Editare". Apoi selectați marcajul "Firebug".
Eliminați adresa URL originală și inserați marcatorul de carte.
Alege “Terminat” pe tastatură.

Acum, încercați să deschideți orice site Web și selectați "Firebug" și veți vedea un Firebug funcțional în partea inferioară a ecranului dvs. iPad.

Concluzie

Firebug Lite este destul de bun pentru a face o inspecție rapidă a paginilor. Puteți vizualiza html, css și orice script utilizat pentru a construi pagina Web. Deși Chrome are propria extensie Web Developer, Firebug Lite nu dezamăgește cu un kilometru.