Opas Firebugin asentamiseen suurimmissa selaimissa ja iOS-laitteissa

Firebug on Firefoxin lisäosa, jossa on viileitä työkaluja, joilla voidaan tarkistaa verkkosivun elementti, debug ja kehittää verkkosivuja. Näitä työkaluja ei kuitenkaan voi olla muissa web-selaimissa Firefoxia lukuun ottamatta.

Samankaltaisen työkalun kehittäminen muille selaimille voi viedä kovaa työtä, mutta se on erittäin hyödyllistä, jos saisit Firebugin työskentelemään myös muissa selaimissa, koska jokaisella on haluamasi selaimet.

No, tässä on, kun Firebug Lite tulee ratkaisemaan tarpeitasi. Firebug Lite on Firebugin yksinkertaisempi versio, mutta sitä voidaan käyttää IE-, Opera-, Chrome-, Safari-, iPad- ja iPhone-laitteissa säilyttäen samankaltaiset asetukset ja ominaisuudet.

Firebug Lite -ohjelmiston asentaminen Opera, Safari & Chrome

Firebug Lite -palvelussa ei ole mitään asennusta. Kirjoitettu Java Script, voit kirjanmerkin Firebug Lite linkki ja se on valmis sivun tarkastus. Joten mitä sinun tarvitsee tehdä, on vain kirjanmerkki alla olevaan linkkiin (voit myös vetää linkin selaimesi kirjanmerkkipalkkiin).

Firebug Lite

Jos käytät Chrome-selainta, kirjanmerkin pitäisi näkyä alla, jos kirjanmerkkipalkki on näkyvissä.

Se on, Firebug Lite: n pitäisi nyt toimia, kun tarvitset sitä.

Käyttämällä Firebug Liteä Opera, Safari & Chrome

Nyt voit käyttää Firebug Liteä tarkastamaan käytännöllisesti katsoen mitä tahansa verkkosivua. Tässä esimerkissä käytämme Wikipedia.orgia.

Kun Web-sivu on ladattu, napsauta Firebug Lite kirjanmerkkiä, jonka olet aiemmin tallentanut, ja Web-sivun alareunassa näkyy konsoli-ruutu.

Jos lähdemme, näet tämän sivun vasemmassa alakulmassa.

Nyt voit nähdä (+) ja (-) monien rivien lähtökohtana. (+) Tarkoittaa, että html: n yhden linjan alla on enemmän rivejä, ja jos korostat rivin, näet, mitä sivun osaa se edustaa.

Mutta jos haluat helpottaa tekstin, valokuvan, linkin tai muiden Web-sivun osien esittämien rivien havaitsemista, napsauta Tarkasta-painiketta.

Nyt voit siirtää hiiren osoitinta Web-sivun osien osaan, ja näet html-rivin korostettuna. Tämä helpottaa tarkastuksen tekemistä.

Firebug Liten asentaminen iPadiin ja iPhoneen

Bookmarklets ei oikeastaan ​​mene hyvin iPadiin ja iPhoneen. Jotta Firebug Lite olisi asennettu iPadiin ja iPhoneen, täältä:

1. Merkitse tämä sivu kirjanmerkiksi iPadiin tai iPhoneen.

   

2. Nimeä kirjanmerkki uudelleen nimellä "Firebug".

   

3. Valitse ja kopioi alla oleva komentosarja.

   JavaScript: (toiminto (F, i, r, e, b, u, g, L, I, T, E) if (F.getElementById (b)) tuotto; E = F [i + 'NS'] && F. documentElement.namespaceURI; E = E? F [i + 'NS'] (E, 'kirjoitus'): F [i] (käsikirjoitus); E [r] (id ', b); E [r] ( 'src', I + g + T); e [r] (b, u), (F [e] ( 'pää') [0] || F [e] ( 'body') [0]). AppendChild (E); E = uusi% 20Image; E [r] ( 'src', I + L);) (asiakirja, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'Firebug-lite.js', 'releases / lite / uusin / iho / XP / sprite.png' https: //getfirebug.com/','#startOpened ');

4. Siirry kirjanmerkkiasetukseen ja paina "Muokkaa". Valitse sitten Firebug-kirjanmerkki.

   

5. Poista alkuperäinen URL-osoite ja liitä kirjanmerkki.

   

6. Valita “Tehty” näppäimistössä.

Yritä nyt avata mikä tahansa sivusto ja valitse Firebug-kirjanmerkki ja näet toimivan Firebugin iPadin näytön alareunassa.

johtopäätös

Firebug Lite on ylivoimaisesti hyvä, jotta se voi tarkistaa nopeasti. Voit tarkastella html-, css- ja mitä tahansa verkkosivun rakentamiseen käytettäviä komentosarjoja. Vaikka Chromella on oma Web-kehittäjän laajennus, Firebug Lite ei petä kilometriä.