Gids voor het installeren van Firebug in belangrijke browsers en iOS-apparaten

Firebug is een Firefox-add-on met coole tools om webpagina-elementen te inspecteren, debuggen en webpagina's te ontwikkelen. Het is echter niet mogelijk om deze hulpmiddelen in andere webbrowsers behalve Firefox te gebruiken.

Het ontwikkelen van een vergelijkbare tool voor andere browsers kan veel werk vergen, maar het zal een grote hulp zijn als u Firebug ook in andere browsers kunt laten werken, aangezien iedereen zijn voorkeurbrowser heeft.

Welnu, hier komt Firebug Lite om uw behoeften te beantwoorden. Firebug Lite is een eenvoudigere versie van Firebug, maar het kan worden gebruikt op IE, Opera, Chrome, Safari, iPad en iPhone, terwijl vergelijkbare opties en functies behouden blijven.

Firebug Lite installeren op Opera, Safari en Chrome

Met Firebug Lite is er geen installatie nodig. Geschreven in Java Script, kunt u een bladwijzer maken voor een Firebug Lite-link en deze is klaar voor pagina-inspectie. Dus wat je moet doen is om gewoon een bladwijzer te maken van de onderstaande link (je kunt ook de link naar de bladwijzerbalk van je browser slepen).

Firebug Lite

Als u de Chrome-browser gebruikt, moet de bladwijzer worden weergegeven zoals hieronder, als uw bladwijzerbalk zichtbaar is.

Dat is het, uw Firebug Lite zou nu moeten werken wanneer u hem moet gebruiken.

Firebug Lite gebruiken op Opera, Safari & Chrome

Nu kunt u Firebug Lite gebruiken om vrijwel elke webpagina te bekijken. Voor dit voorbeeld gebruiken we Wikipedia.org.

Wanneer de webpagina is geladen, klikt u op de Firebug Lite-bladwijzer die u eerder hebt opgeslagen en ziet u een consol-vak onder aan de webpagina verschijnen.

Als we dichterbij komen, zie je dit linksonder op de pagina.

Nu kunt u de (+) en de (-) zien bij het beginpunt van veel regels. De (+) betekent dat er meer lijnen zijn gesloten onder de one-liner van html en als u de lijn markeert, ziet u welk deel van de pagina dit weergeeft.

Maar als u het gemakkelijker wilt maken om de lijnen te zien die worden weergegeven door een tekst, foto, link of andere elementen op de webpagina zelf, klikt u op de knop 'Inspecteren'..

Nu kunt u uw muiscursor naar een willekeurig deel van de beschikbare elementen op de webpagina bewegen en ziet u de html-regel gemarkeerd. Dit maakt het voor u gemakkelijker om een ​​inspectie uit te voeren.

Firebug Lite installeren op iPad en iPhone

Bookmarklets gaat niet echt goed met iPad en iPhone. Om Firebug Lite op iPad en iPhone geïnstalleerd te hebben, hier is hoe:

1. Maak een bladwijzer van deze pagina op uw iPad of iPhone.

   

2. Hernoem de bladwijzer naar "Firebug".

   

3. Selecteer en kopieer al het onderstaande script.

   javascript: (function (V, i, r, e, b, U, G, L, I, T, E) if (F.getElementById (b)) return; 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] ( 'head') [0] || F [e] ( 'body') [0]). appendChild (E); E = new% 20Image; E [r] ( 'src', I + L);) (document 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'firebug-lite.js', 'releases / lite / nieuwste / huid / xp / sprite.png', 'https: //getfirebug.com/','#startOpened');

4. Ga naar de bladwijzeroptie en druk op "Bewerken". Selecteer vervolgens de bladwijzer "Firebug".

   

5. Verwijder de originele URL en plak de bookmarklet.

   

6. Kiezen “Gedaan” op je toetsenbord.

Probeer nu een website te openen en selecteer de "Firebug" -bladwijzer en je ziet een werkende Firebug onderaan je iPad-scherm.

Conclusie

Firebug Lite is verreweg goed genoeg om snel pagina-inspecties uit te voeren. U kunt html, css en elk script bekijken dat werd gebruikt om de webpagina te bouwen. Hoewel Chrome zijn eigen webontwikkelaarsextensie heeft, stelt Firebug Lite je geen mijl teleur.