Guide til installation af Firebug i større browsere og iOS-enheder

Firebug er en Firefox-tilføjelse med cool værktøjer til at inspicere websideelementer, debug og udvikle websider. Der er dog ingen måde, du kan have disse værktøjer på andre webbrowsere bortset fra Firefox.

Udvikling af et lignende værktøj til andre browsere kan tage hårdt arbejde, men det vil være til stor hjælp, hvis du også kunne få Firebug til at arbejde på andre browsere også, da alle har deres foretrukne browsere..

Nå er her, hvor Firebug Lite kommer ind for at løse dine behov. Firebug Lite er en enklere version af Firebug, men den kan bruges på IE, Opera, Chrome, Safari, iPad og iPhone, mens du beholder lignende muligheder og funktioner..

Installation af Firebug Lite på Opera, Safari og Chrome

Med Firebug Lite er der ikke nogen installation nødvendig. Skrevet i Java Script, kan du bogmærke et Firebug Lite-link, og det vil være klar til sideinspektion. Så hvad du skal gøre er at blot bogmærke linket herunder (du kan også trække linket til din browser bogmærkebjælke).

Firebug Lite

Hvis du bruger Chrome-browser, skal bogmærket vises som nedenfor, hvis din bogmærkelinje er synlig.

Det er det, din Firebug Lite skal nu fungere, når du skal bruge den.

Brug af Firebug Lite på Opera, Safari og Chrome

Nu kan du bruge Firebug Lite til at inspicere praktisk taget enhver webside. Til dette eksempel bruger vi Wikipedia.org.

Når websiden er indlæst, skal du klikke på Firebug Lite-bogmærket, du tidligere har gemt, og du vil se, at en konsol boks vises nederst på websiden.

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

Nu kan du se (+) og (-) ved udgangspunktet for mange linjer. (+) Betyder, at der er flere linjer lukket under HTML-linjen, og hvis du fremhæver linjen, vil du se hvilken del af siden den repræsenterer.

Men hvis du vil gøre det nemmere at se de linjer, der repræsenteres af tekst, foto, link eller andre elementer på selve websiden, skal du klikke på knappen 'Inspicer'.

Nu kan du svæve musemarkøren til en hvilken som helst del af elementerne, der er tilgængelige på websiden, og du vil se html-linjen fremhævet. Dette gør det nemmere for dig at foretage nogle inspektioner.

Installation af Firebug Lite på iPad og iPhone

Bogmærker går ikke rigtig godt med iPad og iPhone. For at have Firebug Lite installeret på iPad og iPhone, så er det sådan:

1. Bogmærke denne side på din iPad eller iPhone.

   

2. Omdøb bogmærket til "Firebug".

   

3. Vælg og kopier alt scriptet nedenfor.

   javascript: (funktion (F, I, R, e, b, u, g, L, I, T, E) if (F.getElementById (b)) tilbagevenden E = F [i + 'NS'] && F. ? documentElement.namespaceURI; E = E F [i + 'NS'] (E, 'scriptet'): F [i] ( 'script'); E [r] ( 'id', b) E [r] ( 'src', I + g + T); e [r] (b, u); (F [e] ( 'head') [0] || F [e] ( 'organ') [0]). appendChild (E); E = ny% 20Image; E [r] ( 'src', I + L);) (dokument, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'firebug-lite.js', 'releases / lite / nyeste / hud / xp / sprite.png', 'https: //getfirebug.com/','#startOpened');

4. Gå til bogmærke og tryk på "Rediger". Vælg derefter "Firebug" bogmærke.

   

5. Fjern den oprindelige webadresse og indsæt bogmærket.

   

6. Vælge “Færdig” på dit tastatur.

Prøv nu at åbne et websted og vælg "Firebug" bogmærke, og du vil se en fungerende Firebug nederst på din iPad skærm.

Konklusion

Firebug Lite er langt godt nok til at foretage hurtig sideinspektion. Du kan se html, css og ethvert script, der bruges til at opbygge websiden. Selvom Chrome har sin egen udvidelse af webudviklere, skuffer Firebug Lite ikke med en kilometer.