Hogyan kell telepíteni a safari firebug-t

A Firebug egy nagyon népszerű kiegészítés a Firefox-hoz, amely lehetővé teszi a weboldalon található elemek felfedezését és módosítását. Ezzel megtudhatja, hogyan épül fel a weboldalak. Ő is segít a saját projekt hibakeresésében. Szoftverfejlesztési eszközök a Safari számára hasonló funkciót biztosítanak. A Firebug Lite segítségével letöltheti a Firebug egyszerűsített verzióját bármely webhelyen.

Lépések

1. módszer: 2:
Fejlesztési eszközök a Safari számára
  1. A kép címet kap valami hasonló a tűzbughoz a szafari 1. lépésben
egy. Kattintson a Safari menüre, és válassza a "Beállítások" lehetőséget. A Safari tartalmaz egy alkalmazási fejlesztési eszközöket, amelyek hasonlóak a Firebughoz. Úgy, hogy velük együtt dolgozhasson, először be kell kapcsolniuk.
  • Kép címet kap valami hasonló a Firebug a Safari 2. lépésben
    2. Kattintson az Add-ons fülre. Tehát megnyitja a fejlett böngésző beállításait.
  • Kép címet kap valami hasonló a firebug a Safari 3. lépésben
    3. Tegye a négyzetet a menüsor "Show Development" menü mellett. Ezzel engedélyezheti a "Fejlesztés" menüt. A "Könyvjelző" menü mellett jelenik meg.
  • A kép címet kap valami hasonló a firebug a Safari 4. lépésben
    4. Futtassa a webfelügyelőt. A webfelügyelő nagyon hasonlít a Firebughoz. Megnyithatja azt a "Fejlesztés" menüben. Ehhez kattintson a gomb kombinációra is ⌘ parancs+⌥ opció+ÉN.
  • Kép címet kap valami hasonló a Firebug a Safari 5. lépésben
    öt. Válassza ki az Erőforrások fület a weboldal objektumok megjelenítéséhez. Ezek az objektumok közé tartoznak a stíluslapok, HTML fájlok, szkriptek, képek stb. Ez a webfelügyelő szokásos nézete.
  • A bal oldali ablaktáblán az összes mappát az aktuális oldal tartalmával látja. Használja ezeket a mappákat a szükséges források között.
  • A kiválasztott források megjelennek a fő panelen. Itt láthatja a webhelykódot és más fájlokat. Még szerkesztéseket is készíthet a kódba, és azonnal láthatja az oldal módosításait. Ezek a változások csak akkor működnek, ameddig csak bezárja a webhelyet.
  • A konzol használatával adja meg a Debug parancsokat, és vizsgálja meg a jаvascript objektumokat.
  • A jobb oldali panelen a kiválasztott elem részleteit tartalmazza. Az itt leírt módosítások azonnal megjelennek a webhelyen.
  • Kép címet kap valami hasonlót a Firebug a Safari 6. lépésben
    6. Használja a Time Scale lapot, hogy megtekinthesse a webhely aktivitását. Az időkimaradás akkor jelenik meg, amikor egy kódot végeztünk. Ellenőrizheti a hálózati kérést, és nézze meg az eseményeket a jаvascript számára.
  • Az "Time Scale" ablak tetején három különböző ideiglenes vonalat fog látni. Minden sor felelős az időkategóriájáért.
  • A bal oldali ablaktábla különböző eseményeket jelenít meg az idővonalon. Az egyes műveletek időpontja megjelenik a főablakban.
  • A kép címet kap valami hasonló a firebug a Safari
    7. Használja a "hibakereső" opciót a jаvascript hibák kereséséhez és helyesbítéséhez. A "hibakereső" opció ugyanazokat a hibakereső eszközöket biztosítja, mint a Firebug. Használja a jаvascript-kódok kereséséhez és helyesbítéséhez. Beállíthatja a kód helyét, hogy megálljon egy adott helyen. Ez lehetővé teszi, hogy kijavítsa a hibákat a jаvascript-ben, és megértse, hogyan működik.
  • Kép címet kap valami hasonló a Firebug a Safari 8. lépésben
    nyolc. Változtassa meg a felhasználói ügynököt. Sok használat a Firebug kiegészítést az aktuális felhasználói ügynök megváltoztatásához. A felhasználói ügynök olyan azonosító, amely megmutatja azokat a weboldalakat, amelyeket a böngésző és az Ön által használt operációs rendszer. Ez egy nagyon hasznos lehetőség a mobil webhelyek letöltésére a laptopon, vagy megtekinteni a webhely megjelenését az Internet Explorer Windows rendszeren való használatakor.
  • Kattintson a "Fejlesztés" menüre, és válassza az "Egyedi ügynök" lehetőséget.
  • Válassza ki a kívánt felhasználói ügynököt az opciók listájából. Hozzáadhatja a felhasználói ügynököt az "Egyéb ..." opció kiválasztásával, és beírhatja a szükséges kódot.
  • 2. módszer 2:
    Firebug Lite
    1. A kép címet kap valami hasonló a firebug a Safari 9. lépésben
    egy. Menj a Firebug Lite weboldalára. A Firebug Lite olyan könyvjelző, amely hozzáférést biztosít néhány alapvető tűzbugi funkcióhoz. Minden webböngészőben működik. Használhatja azt, hogy aktuális változásokat hajtson végre a HTML és a CSS oldalakon. Végrehajthatja a konzol parancsokat és ellenőrzi a szkripteket. Töltse le a Firebug Lite-t ezen a linken: Getfirebug.Com / Firebuglite.
  • A cím címe Szerezz valamit a Firebughoz hasonlóan a Safari 10. lépésben
    2. Görgessen lefelé a "Stabil csatorna" szakaszra (stabil csatorna). Ez a Firebug Lite leginkább funkcionális és stabil változata. Ha ki szeretné próbálni az utolsó funkciókat, állítsa be a könyvesparketet a Beta Channel Section (Beta Channel). A Beta verzió instabilabb, mint a szokásos.
  • A kép címet kap valami hasonló a firebug a Safari 11. lépésben
    3. Jobb egérgombbal kattintson a Firebug Lite Linkre. A megjelenő menüben válassza a "Link másolása" lehetőséget.
  • A kép címet kap valami hasonló a firebug a Safari 12. lépésben
    4. Hozzon létre egy új könyvesítőt. Nyissa meg a "Könyvjelzők" menüt, és válassza a "Könyvjelző létrehozása" (Könyvjelző létrehozása) lehetőséget. Ön is kattinthat ⌘ parancs+D. Ez megnyit egy új ablakot az aktuális oldal elhelyezésének létrehozásához.
  • A cím címe Valami hasonlít a FireBug-hez a Safari 13. lépéshez
    öt. Helyezze be a másolt linket az új könyvjelző megfelelő mezőjéhez. Ez megváltoztatja a könyvjelzőt a Firebug Lite kódra. Nevezze meg valakinek a könyvjelzőt, például a "Firebug Lite" -t.
  • A kép címet kap valami hasonló a firebug a Safari 14. lépésben
    6. A könyvjelző használata, Töltse le a Firebug Lite felületet. Kattintson a Firebug Lite fülre bármely webhelyen.
  • A kép címet kap valami hasonló a firebug a Safari 15. lépésben
    7. Felmérési tételek az oldalon. Kattintson az "Ellenőrizze" gombra a Firebug Lite menü panelen, majd válassza ki az elemet az oldalon. A HTML fájl megfelelő része kiemelhető a Firebug Lite keretben.
  • Kép címet kap valami hasonló a firebug a Safari 16. lépésben
    nyolc. Használja a lapokat a felső panel Firebug Lite. Ezek a lapok megnyitják a különböző Firebug Lite funkciókhoz való hozzáférést. Ezek közé tartozik a HTML és a CSS kódszerkesztő, a konzol és az aktív szkriptekkel való munka.
  • A Firebug Lite-nek nincs hozzáférése a külső stílusokhoz és szkriptekhez. Ez annak köszönhető, hogy a jаvascriptben íródott, hogy bármelyik oldalon indítható. Ha szüksége van ezekre az eszközökre, akkor a Safari eszközök fejlesztésének előnyben részesítése.
  • Hasonló publikációk