Guide til installering av Firebug i større nettlesere og iOS-enheter

Firebug er et Firefox-tillegg med kule verktøy for å inspisere websiden, feilsøke og utvikle nettsider. Det er ingen måte du kan ha disse verktøyene på andre nettlesere bortsett fra Firefox.

Utvikling av et lignende verktøy for andre nettlesere kan ta hardt arbeid, men det vil være til stor hjelp hvis du kan få Firebug til å jobbe med andre nettlesere, da alle har sin foretrukne nettlesere.

Vel, her er hvor Firebug Lite kommer inn for å løse dine behov. Firebug Lite er en enklere versjon av Firebug, men den kan brukes på IE, Opera, Chrome, Safari, iPad og iPhone mens du beholder lignende alternativer og funksjoner..

Installere Firebug Lite på Opera, Safari og Chrome

Med Firebug Lite er det ingen installasjon nødvendig. Skrevet i Java Script, kan du bokmerke en Firebug Lite-kobling, og den vil være klar for sidekontroll. Så hva du trenger å gjøre er å bare bokmerke linken under (du kan også dra linken til nettleserens bokmerkefelt).

Firebug Lite

Hvis du bruker Chrome-nettleseren, bør bokmerket vises som under, hvis bokmerkelinjen din er synlig.

Det er det, din Firebug Lite skal nå fungere når du trenger å bruke den.

Bruke Firebug Lite på Opera, Safari og Chrome

Nå kan du bruke Firebug Lite til å inspisere praktisk talt alle nettsider. For dette eksempelet vil vi bruke Wikipedia.org.

Når nettsiden er lastet, klikker du på Firebug Lite-bokmerket du lagret tidligere, og du vil se en consol-boks vises nederst på nettsiden.

Hvis vi lukker opp, så ser du det nederst til venstre på siden.

Nå kan du se (+) og (-) ved startpunktet for mange linjer. (+) Betyr at det er flere linjer som er stengt under en-liner av HTML, og hvis du markerer linjen, vil du se hvilken del av siden den representerer.

Men hvis du vil gjøre det lettere å se på linjene som er representert av tekst, foto, lenke eller andre elementer på nettsiden, klikker du på 'Inspiser' -knappen.

Nå kan du sveve musemarkøren til hvilken som helst del av elementene som er tilgjengelige på nettsiden, og du vil se html-linjen uthevet. Dette gjør det enklere for deg å gjøre noe inspeksjon.

Installere Firebug Lite på iPad og iPhone

Bookmarklets går ikke bra med iPad og iPhone. For å ha Firebug Lite installert på iPad og iPhone, så er det slik:

1. Legg denne siden på iPad eller iPhone.

   

2. Gi nytt navn til bokmerket til "Firebug".

   

3. Velg og kopier alt skriptet nedenfor.

   javascript: (funksjon (F, i, r, e, f, u, g, L, I, T, E) if (F.getElementById (b)) tilbake; 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);) (dokument, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'Firebug-lite.js', 'utgivelser / lite / nyeste / hud / xp / sprite.png', 'https: //getfirebug.com/','#startOpened');

4. Gå til bokmerket og trykk "Rediger". Velg deretter "Firebug" bokmerke.

   

5. Fjern den opprinnelige nettadressen og lim inn bokmerket.

   

6. Velge “Ferdig” på tastaturet ditt.

Nå, prøv å åpne et hvilket som helst nettsted og velg "Firebug" bokmerke og du vil se en fungerende Firebug nederst på iPad-skjermen.

Konklusjon

Firebug Lite er langt godt nok til å gjøre rask side inspeksjon. Du kan vise html, css og et hvilket som helst skript som brukes til å bygge websiden. Selv om Chrome har sin egen utvidelse av webutvikler, skuffer Firebug Lite ikke med en kilometer.