Guide till installation av Firebug i större webbläsare och iOS-enheter

Firebug är en Firefox-tillägg med coola verktyg för att inspektera webbsidor, felsöka och utveckla webbsidor. Det finns dock inget sätt att du kan få dessa verktyg på andra webbläsare förutom Firefox.

Utveckling av ett liknande verktyg för andra webbläsare kan ta hårt arbete, men det kommer att vara till stor hjälp om du kan få Firebug att arbeta med andra webbläsare också, med tanke på att alla har sina föredragna webbläsare.

Tja, här är där Firebug Lite kommer in för att lösa dina behov. Firebug Lite är en enklare version av Firebug, men den kan användas på IE, Opera, Chrome, Safari, iPad och iPhone samtidigt som du behåller liknande alternativ och funktioner.

Installera Firebug Lite på Opera, Safari och Chrome

Med Firebug Lite behövs ingen installation. Skriven i Java Script kan du bokmärke en Firebug Lite-länk och den är redo för sidinspektion. Så vad du behöver göra är att helt enkelt bokmärk länken nedan (du kan också dra länken till webbläsarens bokmärkesfält).

Firebug Lite

Om du använder Chrome-webbläsare ska bokmärket visas som nedan om din bokmärkesfält är synlig.

Det är så, din Firebug Lite ska nu fungera när du behöver använda den.

Använda Firebug Lite på Opera, Safari och Chrome

Nu kan du använda Firebug Lite för att inspektera praktiskt taget vilken som helst webbsida. För detta exempel använder vi Wikipedia.org.

När webbsidan är laddad klickar du på Firebug Lite-bokmärket som du sparade tidigare och du kommer se en konsolbox visas längst ner på webbsidan.

Om vi ​​stänger, så ser du det längst ned till vänster på sidan.

Nu kan du se (+) och (-) vid utgångspunkten för många linjer. Med + (+) betyder det att fler linjer är stängda under html-linjen, och om du markerar linjen ser du vilken del av sidan den representerar.

Men om du vill göra det enklare att se de linjer som representeras av text, foto, länk eller andra element på webbsidan, klicka på knappen "Inspektera".

Nu kan du sväva muspekaren till någon del av elementen som finns på webbsidan, och du kommer se html-linjen markerad. Det gör det enklare för dig att göra viss inspektion.

Installera Firebug Lite på iPad och iPhone

Bookmarklets går inte bra med iPad och iPhone. För att Firebug Lite ska installeras på iPad och iPhone, så är det här:

1. Bokmärk den här sidan på din iPad eller iPhone.

   

2. Byt namn på bokmärket till "Firebug".

   

3. Välj och kopiera alla skript nedan.

   javascript: (funktion (F, i, r, e, b, u, g, L, I, T, E) if (F.getElementById (b)) avkastning; E = F [i + 'NS'] && F. ? documentElement.namespaceURI; E = E F [i + 'NS'] (E, 'script'): F [i] ( 'script'); E [r] ( 'id', b); E [r] ( 'källa', I + g + T), e [r] (b, u), (F [e] ( 'huvudet') [0] || F [e] ( 'kropp') [0]). appendChild (E); E = ny% 20Image; E [r] ( 'källa', I + L);) (dokument, 'create', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'firebug-lite.js', 'frigör / Lite / senaste / hud / XP / sprite.png', 'https: //getfirebug.com/','#startOpened');

4. Gå till bokmärkealternativet och tryck på "Redigera". Välj sedan "Firebug" bokmärke.

   

5. Ta bort den ursprungliga webbadressen och klistra in bokmärket.

   

6. Välja “Gjort” på ditt tangentbord.

Nu försök att öppna vilken webbplats som helst och välj "Firebug" bokmärke och du får se en fungerande Firebug längst ner på din iPad-skärm.

Slutsats

Firebug Lite är överlägset bra nog att göra snabb sidinspektion. Du kan se html, css och vilket skript som används för att bygga webbsidan. Även om Chrome har en egen webbutvecklareutvidgning, besviklar Firebug Lite inte en mil.