Gekissimo.net - Opi ansaitsemaan rahaa webilläsi Internetissä!

10 hyödyllistä Firefox-laajennusta Firebugin lataamiseen

Seuraava artikkeli auttaa sinua: 10 hyödyllistä Firefox-laajennusta Firebugin lataamiseen

Firebug on vallankumouksellinen Firefox-laajennus, joka auttaa verkkokehittäjiä ja suunnittelijoita testaamaan ja tarkastamaan käyttöliittymäkoodia. Se tarjoaa meille monia hyödyllisiä ominaisuuksia, kuten konsolipaneelin tietojen kirjaamiseen, DOM-tarkastajan, yksityiskohtaisia ​​tietoja sivuelementeistä ja paljon muuta. Vaikka Firebug on jo valmiiksi täynnä ominaisuuksia, useat siellä olevat laajennukset voivat parantaa sen hyödyllisyyttä.

Tästä artikkelista löydät 10 parasta Firefox-laajennusta Firebugiin mikä tekee elämästäsi helpompaa kehittäjänä tai suunnittelijana.

1. Pixel Perfect

avulla voit peittää web-asettelut ja muut suunnittelukokoonpanot verkkosivulle, jotta voit kirjoittaa tarkasti (ja helposti) CSS- ja HTML-koodisi. Voimalla kytkeä web-kokoonpanon päälle tai pois, web-kehittäjät ja suunnittelijat voivat saada visuaalisen oppaan web-sivun komponenttien sijainnin ja mittojen pikselin täydelliseen tarkkuuteen. Katso videoesittely Pixel Perfectistä toiminnassa.

2. Sivun nopeus

on avoimen lähdekoodin Firebug-lisäosa verkkosivujen suorituskyvyn arvioimiseen ja antaa kehittäjille ehdotuksia käyttöliittymän suorituskyvyn optimointiin. Testit ja arvioinnit perustuvat Googlen Web Performance Best Practices -käytäntöihin, jotka on kehitetty Steve Sounderin työn kautta. Muista lukea Page Speed ​​-käyttöopas saadaksesi täydellisen dokumentaation sen monista ominaisuuksista.

3. CodeBurner

SitePointin julkaisema , laajentaa Firebugia tarjoamaan sisäänrakennetun HTML- ja CSS-viittauksen. Laajennus esittää myös kontekstitietoja Firebugin CSS- ja HTML-paneeleissa tällä hetkellä olevien tietojen perusteella. Viitteet ovat erittäin hyödyllisiä, ja ne näyttävät sinulle tietoa selaimen yhteensopivuudesta ja sivuelementtien W3C-suosituksen mukaisuudesta, monien muiden tietojen ohella.

4. FireRainbow

on yksinkertainen Firebug-laajennus, joka täyttää kipeästi halutun toiminnon: koodisyntaksin korostuksen. FireRainbow värittää JavaScriptin, CSS:n ja HTML:n parantaakseen Firebugissa tarkistettavan tai tarkistettavan koodin luettavuutta. Tällä hetkellä valittavanasi on yli 20 erilaista FireRainbow-teemaa, jotka tarjoavat sinulle joitain muokkausvaihtoehtoja.

5. Inline Code Finder

sopii erinomaisesti JavaScriptin ja CSS:n etsimiseen ja sopii täydellisesti kehittäjille, jotka muokkaavat olemassa olevia merkintöjä erottamaan rakenne (HTML) tyylistä (CSS) ja toiminnasta (JavaScript). Työkalun käyttö on yksinkertaista: se etsii koko verkkosivulta upotettua koodia ja tarjoaa kehittäjälle kontekstuaalista tietoa löytämänsä tekstin sisäisestä koodista. Uusin versio antaa sinulle mahdollisuuden suodattaa tiettyjä sisäänrakennetun koodin ryhmiä.

  • Asenna Inline Code Finder
🔥 Empfohlen:  Blogin optimointi kaupallistamista varten: 16 hyödyllistä vinkkiä

6. Firecookie

Evästeitä käyttävien verkkosovellusten kehittäminen voi viedä aikaa. , Firebug-laajennus, tarjoaa joukon vaihtoehtoja ja ominaisuuksia vain evästeiden kanssa työskentelyyn. Laajennuksen avulla voit tarkastella, tarkastaa, viedä ja hallita evästeitä, kirjata evästetapahtumia (luominen, poistaminen jne.) ja paljon muuta.

Firecookien uusin versio lisää useita parannuksia, kuten mahdollisuuden luetella vain aliverkkotunnuksesta lähtevät evästeet.

7. FirebugCodeCoverage

on Selenium IDE:n inspiroima Firebug-vertailulaajennus, joka määrittää koodin suoritusprosentin tietyn ajan, eli koodikattavuuden. Tämä mitataan yleensä automaattisen testauksen aikana, jotta nähdään, kuinka hyvin testitapaukset pystyvät testaamaan koodisi perusteellisesti (tavoitteesi on korkeammat prosenttiosuudet).

8. SenSEO

on Firebug-laajennus, joka analysoi verkkosivun ja osoittaa, kuinka hyvin se pärjää yhden sivun whitehat-hakukoneoptimoinnissa. Laajennus tarkistaa sisällönkuvauskenttien oikean käytön, otsikon, otsikot ja muut olennaiset kriteerit optimaalista hakukoneoptimointia varten.

9. Yahoo! YSlow

arvioi verkkosivun suorituskyvyn ja ehdottaa mahdollisia parannuspaikkoja.

YSlow perustuu YDN:n parhaisiin käytäntöihin Web-sivustosi nopeuttamiseksi ja antaa sinulle kirjainarvosanat yhdellä kolmesta ennalta määritetystä (tai käyttäjän määrittämästä) sääntöjoukosta. Siinä on kourallinen hyödyllisiä ominaisuuksia, kuten tietojen ja tilastojen näyttäminen verkkosivun komponenteista sekä optimointityökalujen, kuten JSLint ja Smush.it, integrointi.

10. Paloetsin

on löytää nopeasti verkkosivun elementtejä, jotka vastaavat hakukriteereiksi syöttämiäsi CSS- tai Xpath-valitsimia. Firefinder sopii erinomaisesti testaamaan, mihin sivun elementteihin CSS-tyylisääntö vaikuttaa, sekä korostamaan ja löytämään hakujasi vastaavia elementtejä.

Asiaan liittyvä sisältö