Firebug firefox
Előnyös, ha a változó design a helyén, és hibát talál a munka lehet közvetlenül a böngészőben az oldal használata. Ebből a célból a különböző böngészők a funkciót. Például a Developer Tools Internet Explorer vagy Opera Dragonfly. A Mozilla Firefox böngésző erre a célra az egész menü „Web Development”, és egy figyelemre méltó kiterjesztése Firebug. amely biztosítja, hogy az élet minden webmaster egy kicsit könnyebb. Mintegy Firebug lehetőségeket fogjuk fedezni a mai cikkben, megtanulják, hogyan kell használni ezt a hasznos kiterjesztése.
Az újraindítás után a böngésző jobb alsó sarkában a Firefox ikon jelenik meg aranyos bogár. Kattintson rá, hogy nyissa meg a Firebug ablakot.
Konzol. Ez a panel lehetővé teszi, hogy a hiba az online és különböző parancsokat. Típusú hiba, hogy kifogja a Firebug, akkor választhat a listából, az ikonra kattintva a nyíl. Mint látható, a lista a hibák és figyelmeztetések egészen lenyűgöző.
Általános szabály, hogy itt válassza csak azokat a hibákat, amit akar, hogy felfedje az adott pillanatban. Aztán, miután azok felderítése és korrekciója, akkor válassza ki az összes elemet és ismét „megszabadulni” a helyszínen, így a végső tesztelés.
Ha a hiba a honlapon kapcsolódik az oldal elrendezését, majd kattintson rá a konzol, akkor a panel HTML. Ez megjeleníti a kódot éppen betöltött oldal a böngészőben. Panel lehetővé teszi, hogy ne csak néző, hanem a szerkesztés a HTML kódot oldalain. Ehhez kattintsunk duplán a kívánt opciót, vagy jobb klikk a kiválasztott kódot, és a helyi menüből válassza a „HTML szerkesztése».
Annak érdekében, hogy hibákat a HTML-kód a helyszínen kényelmesen használható eszköz „ellenőrizni”. A nyíl gombra kattintva, és vigye a kurzort arra a problémára, a területeket az oldalon.
Látni fogja a kódot kiemelt elem az oldalon, és kissé jobbra - CSS stílusokkal az elem.
Ahogy a kódok, stílusok lehet szerkeszteni valós időben kattintva a tulajdonságokat és azok tulajdonságait. A változások azonnal megjelennek a weboldalon, és érvényben, amíg nem frissítik a böngészőben.
Részletes információ a stílusok egy weboldalon látható a CSS panel. Az itt felsorolt összes stílus fájlokat töltenek le az oldalt. Akkor válasszon a listából a kért fájl szerkesztésre stílusokat.
Kísérletezni a stílus lehet valós időben változik a CSS tulajdonságokat és azok értékeit. Ehhez kattintson a kívánt tulajdonság vagy paramétert.
CSS szerkesztő történik két módja van:
Szerkesztése kód - CSS szerkesztés forráskód formájában, amelyben betölti a böngésző;
Élő Szerkesztés - a forráskód CSS abban a formában, amelyben el kell távolítani a böngészőt.
A második mód akkor hasznos, ha CSS által generált „on the fly”, például eredményeként a szkript futását.
DOM - Document Object Model, vagy Document Object Model. Ez a panel tartalmaz objektumok hierarchiáját, a nyílt egy böngészőben az oldalt. Mint azt bizonyára tudják a legfontosabb tárgy a rendszerben - az objektum ablak (az ablak). Célunk továbbá a fészkelő - hierarchiában. Ha szükséges, akkor megtekintheti a egy objektumot, és még módosíthatja őket kattintással, azonnal látja a módosítások eredményét a képernyőn.
Amikor az egérrel a mérő látni fogja a pontos elrendezését mennyiségű időt töltött a betöltési idő.
Panel Network különösen hasznos megoldásában weboldalak lassú betöltéssel kapcsolatos problémákat. A legtöbb esetben elegendő, hogy tömöríteni a képet, és optimalizálja a terhelési forgatókönyvek kérjük, a felhasználó a sebességet a webhelyen.
Mint látható, a Firebug kiterjesztés a Mozilla Firefox böngésző biztosítja a kényelmes és funkcionális webmestereszközeivel nemcsak a problémák megoldása, hanem kísérletezni weblapok valós időben. Például, a változó a CSS stílusok és HTML-kód található. Megtanultuk, hogyan kell használni a Firebug Moziila Firefox. Bízunk benne, hogy kérdéseket a fórumon.
Különösen Saytogon Elena Carlton