Útmutató a Firebug telepítéséhez a nagyobb böngészőkben és az iOS eszközökön
A Firebug egy Firefox-kiegészítés, amely hűvös eszközökkel vizsgálja a weblap elemeket, hibakeresést és weboldalak fejlesztését. A Firefoxon kívül azonban nincs mód arra, hogy ezeket az eszközöket más webböngészőkben is használhassa.
Egy hasonló eszköz kifejlesztése más böngészők számára is kemény munkát igényelhet, de nagy segítség lesz, ha a Firebug-ot más böngészőkön is meg tudná dolgozni, figyelembe véve, hogy mindenkinek megvan a preferált böngészője.
Nos, itt jön a Firebug Lite, hogy megoldja az Ön igényeit. A Firebug Lite a Firebug egyszerűbb verziója, de használható az IE, az Opera, a Chrome, a Safari, az iPad és az iPhone-on, miközben megtartja a hasonló lehetőségeket és funkciókat.
Firebug Lite telepítése az Opera, a Safari & Chrome operációs rendszerre
A Firebug Lite használatával nincs szükség telepítésre. A Java Script-ben írt könyveket a Firebug Lite hivatkozás könyvjelzőjéhez rendelheti, és készen áll az oldalellenőrzésre. Tehát mit kell tennie, hogy egyszerűen csak az alábbi linket könyvjelzővel jelölje meg (a linket a böngésző könyvjelzősávjára is húzhatja).
Firebug Lite
Ha Chrome böngészőt használ, a könyvjelző az alábbiak szerint jelenik meg, ha a könyvjelzősáv látható.
Ez az, a Firebug Lite-nek most kell dolgoznia, amikor használni kell.
Firebug Lite használata az Opera, a Safari & Chrome alkalmazásban
Most már használhatja a Firebug Lite-t, hogy gyakorlatilag bármilyen weblapot megvizsgáljon. Ebben a példában a Wikipedia.org-t fogjuk használni.
A weblap betöltése után kattintson a korábban elmentett Firebug Lite könyvjelzőre, és megjelenik egy konzol mező a weblap alján.
Ha bezárjuk, akkor ezt az oldal bal alsó sarkában láthatja.
Most már láthatjuk a (+) és a (-) értékeket számos sor kezdőpontjában. A (+) azt jelenti, hogy több vonal van bezárva a html egysoros vonal alatt, és ha kiemeli a sort, akkor látni fogja, hogy az oldal melyik részét képviseli.
Ha azonban szeretné megkönnyíteni a szöveg, a fotó, a link vagy a weblap bármely más elemének megjelenítését, kattintson az "Ellenőrzés" gombra..
Most az egérmutatót a weblapon található elemek bármelyik részére mozgathatja, és megjelenik a html sor kiemelve. Ez megkönnyíti az ellenőrzés elvégzését.
A Firebug Lite telepítése iPadre és iPhone-ra
A könyvjelzők nem igazán jól mennek az iPad és az iPhone használatával. Ahhoz, hogy a Firebug Lite iPadre és iPhone-ra telepítve legyen, itt:
-
Jegyezze fel ezt az oldalt iPad vagy iPhone készülékén.
-
Nevezze át a könyvjelzőt "Firebug" -ra.
-
Válassza ki és másolja az alábbi parancsfájlt.
javascript: (function (F, I, R, E, B, u, g, L, I, T, E) if (F.getElementById (b)) visszatérési; 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] ( 'fej') [0] || F [e] ( 'szerv') [0]). AppendChild (E); E = az új% 20Image; E [r] ( 'src', I + L);) (a dokumentum, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'szentjánosbogár-lite.js', 'kibocsátás / lite / legkésőbb / bőr / xp / sprite.png', 'https: //getfirebug.com/','#startOpened');
-
Lépjen a könyvjelzőbe, és nyomja meg a "Szerkesztés" gombot. Ezután válassza a "Firebug" könyvjelzőt.
-
Távolítsa el az eredeti URL-t és illessze be a könyvjelzőt.
- Választ “Kész” a billentyűzeten.
Most próbálja meg megnyitni bármelyik webhelyet, és válassza a "Firebug" könyvjelzőt, és egy működő Firebugot fog látni az iPad képernyő alján.
Következtetés
A Firebug Lite messze elég jó ahhoz, hogy gyorsan ellenőrizze az oldalt. Megtekintheti a webhely építéséhez használt html, css és minden szkriptet. Bár a Chrome saját webfejlesztői kiterjesztéssel rendelkezik, a Firebug Lite nem csalódik egy mérföldnyire.