5 Firefox Addons for Gjennomsnittlig Web Developer

5 Firefox Addons for Gjennomsnittlig Web Developer

Du vil ikke finne noen super-avanserte addons for "utpakking strenger fra xml og Javascript-filer for å forenkle mozilla søknad lokaliseringsprosessen" eller " debug kjører applets og Java WebStart program "i denne listen. Disse addons er ment for "resten av oss" - folk som motvillig har å redigere våre egne nettsider.



    MeasureIt

    MeasureIt kan du raskt få opp et on-screen "linjal" for å måle deler av nettstedet ditt. Raskt finne ut mellomrommet mellom enkelte seksjoner, innrykk etc.
    Hurtigbruksanvisning

    Klikk på MeasureIt knappen nederst i høyre hjørne av Firefox



    Klikk og dra området du ønsker å måle.




    lori

    lori står for "Livet-of-forespørsel info". Hva den gjør er å fortelle deg verdifull informasjon om hvor lang tid det tar for din side å vise, hvor stort det er, og hvor mange forespørsler ble gjort for å laste inn siden.

    Det første nummeret som vises er den tiden det tok å se den første byte returnert fra serveren (fra klikk til første byte mottatt av nettleseren din). Det vises i sekunder (opp til tusendels sekund).

    Det andre tallet er hvor lang tid det tok å vise siden (fra klikk til fullstendig gjengivelse av siden). Igjen er det tid vises i sekunder, opp til tusendels sekund.

    Den tredje nummeret som vises er den totale sidestørrelse (antall byte /kilobyte /megabyte som brukes til å vise siden). Denne verdien inkluderer både bytes hentet fra serveren og bytes hentet fra nettlesere cache.

    Den fjerde og siste nummeret er det totale antall "forespørsler" brukes til å hente innholdet på siden (bilder, stil-ark, javascript etc). Igjen, dette inkluderer verdien både data lastet ned fra serveren og cache forespørsler.




    Source Viewer Tab

    Kilde Viewer Tab er en enkel, men svært nyttig addon. Når du velger View Source (eller Vis valgte kilden det åpner kilde visning i en ny fane, i stedet for en ny Firefox-vinduet. Hvis det ikke var nok, er det også mulig å spesifisere et helt annet program for å vise din kilde med ( Notepad, TextEdit - uansett HTML editor av valget er)

    Source Viewer Tab innstillinger

    Source Viewer Tab vise HTML-kilden i en fane
    .


    IE Vis Lite

    IE Vis Lite er ganske selvforklarende. Den lar deg vise en side i IE. Den har et par fordeler lignet med tilsvarende addons. 1) Det er mindre og 2) Den lar deg spesifisere Safari i stedet for IE hvis du bruker OS X.

    Høyreklikk et tomt sted på en nettside, og velg Vis denne siden i IE å gjøre nettopp det.


    For å bruke Safari i stedet for IE (OS X), endre Internet Explorer Sted til /usr /bin /åpen og legge -a Safari til Parameters feltet.

    IE Vis Lite satt til å bruke Safari


    Firebug

    Firebug er uten tvil den mest avanserte addon i denne listen. Selv om det er i stand til å gjøre en masse "ekspert nivå" ting, er det også veldig
    nyttig for å finne ut grunnleggende ting. Jeg har brukt den mye i det siste (nytt tema på Simple Hjelp) for å avgjøre hvilken del av CSS-filen som forårsaker ting å gjengi den måten de gjør. Webmonkey har en god tutorial på å komme i gang med Firebug hvis grensesnittet virker litt skremmende. For hva det er verdt, har Firebug reddet meg timer med frustrasjon over den siste uken alene.

    Klikk for å forstørre