Skip to content Gå til innhold


5 Firefox Addons for the Average Web Developer 5 Firefox Addons for Gjennomsnittlig webutvikler

FirefoxWeb Design & Dev

You won't find any super-advanced addons for “extracting strings from xml and javascript files to simplify mozilla application localization process” or “debug running applets and Java Webstart application” in this list. Du finner ikke noen super-avansert addons for å trekke ut snorer fra xml-og Javascript-filer for å forenkle Mozilla Application lokalisering prosessen "eller" debug kjøre Java-applets og Webstart søknad "i denne listen. These addons are intended for “the rest of us” – people who grudgingly have to edit our own web sites. Disse addons er ment for "oss andre" - personer som motvillig må endre våre egne nettsider.

  1. MeasureIt MeasureIt
  2. MeasureIt MeasureIt allows you to quickly bring up an on-screen “ruler” to measure sections of your site. gir deg muligheten til raskt å få opp på skjermen "hersker" å måle deler av nettstedet ditt. Quickly determine the space between certain sections, indents etc. Raskt finne ut mellomrommet mellom enkelte deler, innrykk osv.

      Quick Usage Instructions Quick bruksinstruksjoner

    1. Click the MeasureIt button in the bottom right corner of Firefox Klikk MeasureIt knappen nederst i høyre hjørne av Firefox
    2. MeasureIt Button

    3. Click and drag the area you want to measure. Klikk og dra det området du vil måle.
    4. measureit firefox addon

  3. lori Lori
  4. lori Lori stands for “Life-of-request info”. står for "Life-of-request info". What it does is tell you valuable info on how long it takes for your page to display, how large it is, and how many requests were made to load the page. Hva den gjør er å fortelle deg verdifull informasjon om hvor lang tid det tar for siden å vise, hvor stor den er, og hvor mange henvendelsene ble gjort for å laste siden.

    The first number displayed is the time it took to see the first byte returned from the server (from your click to the first byte received by your browser). Det første nummeret som vises er tiden det tok å se de første byte returnert fra serveren (fra klikk deg til første byte mottatt av nettleseren din.) It's displayed in seconds (up to the thousandth of a second). Det vises i sekunder (opp til tusendels sekund).

    The second number is how long it took to display the page (from your click to the complete rendering of the page). Det andre nummeret er hvor lang tid det tok å vise siden (fra klikker du for å fullstendig gjengivelse av siden). Again, the time is displayed in seconds, up to the thousandth of a second. Igjen er tiden vises i sekunder, opp til tusendels sekund.

    The third number displayed is the total page size (number of bytes/kilobytes/megabytes used to display the page). Det tredje nummeret vises, er den totale sideformat (antall byte / kilobyte / megabyte brukes til å vise på siden). This value includes both bytes fetched from the server and bytes fetched from the browsers cache. Denne verdien inkluderer både bytes hentet fra serveren og byte hentet fra nettlesere cache.

    The forth and final number is the total number of “requests” used to fetch the page content (images, style-sheet, javascript etc). Den fjerde og siste nummer er det totale antall "treff" brukt til å hente siden innhold (bilder, stil-ark, javascript osv). Again, this value includes both data downloaded from the server and cache requests. Igjen, inkluderer denne verdien både data lastet ned fra serveren og cache forespørsler.

    Lori firefox addon

  5. Source Viewer Tab Kilde Viewer Tab
  6. Source Viewer Tab Kilde Viewer Tab is a simple but extremely helpful addon. er en enkel men svært nyttig addon. When you select View Source (or View Selected Source it opens the source view in a new tab, instead of a new Firefox window. If that weren't enough, it also allows you to specify a totally different application to view your source with (Notepad, TextEdit – whatever your HTML editor of choice is). Når du velger Vis kilde (eller Vis valgte kilden det åpnes kilden visning i en ny fane, i stedet for en ny Firefox-vinduet. Hvis ikke det var nok, gjør det du også angi et helt annet program for å vise din kilde med ( Notisblokk, TextEdit - uansett HTML-redigeringsprogram av valget).

    kilde seer fane innstillinger
    Source Viewer Tab settings Kilde Viewer fane innstillinger

    firefox vis sidekilden i en fane
    Source Viewer Tab displaying HTML source in a tab Kilde Viewer Tab vise HTML-kilden i en fane

  7. IE View Lite IE View Lite
  8. IE View Lite IE View Lite is fairly self explanatory. er ganske selvforklarende. It allows you to view a page in IE. Det lar deg vise en side i IE. It has a couple of added benefits vs. similar addons. Det har et par fordeler kontra lignende addons. 1) It's smaller and 2) It allows you specify Safari instead of IE if you're using OS X. 1) Det er mindre og 2) Den lar deg spesifisere Safari i stedet for IE hvis du bruker OS X.

    Right-click a blank spot on any web page and select View This Page in IE to do just that. Høyreklikk et tomt sted på en webside og velger Vis denne siden i IE å gjøre akkurat det.

    kilde seer fane innstillinger

    To use Safari instead of IE (OS X only), change the Internet Explorer Location to /usr/bin/open and add -a Safari to the Parameters field. Hvis du bruker Safari i stedet for IE (OS X bare), endre Internett Explorer Beliggenhet til / usr / bin / åpne og legge til-en Safari til Parameters feltet.

    IE View Lite innstillinger
    IE View Lite set to use Safari IE View Lite innstilt til å bruke Safari

  9. Firebug Firebug
  10. Firebug Firebug is without question the most advanced addon in this list. er uten tvil det mest avanserte addon i denne listen. Though it's capable of doing a lot of “expert level” things, it's also very handy for figuring out basic stuff. Selv om det kan gjøre en masse "ekspert nivå" ting, er det også svært nyttig for å finne ut grunnleggende ting. I've been using it a lot lately (new theme on Simple Help) to determine which part of the .css file is causing things to render the way they do. Jeg har brukt den mye i det siste (nytt tema Enkel hjelp) å avgjøre hvilken del av. Css-filen forårsaker ting å gjøre slik de gjør. Webmonkey Webmonkey has a good tutorial on getting started with Firebug if the interface seems a bit daunting. har en god veiledning om hvordan du kommer i gang med Firebug hvis grensesnittet virker litt skremmende. For what it's worth, Firebug has saved me hours of frustration over the last week alone. For hva det er verdt, har Firebug reddet meg timer med frustrasjon over den siste uken alene.

    Firebug i aksjon
    click to enlarge Klikk for å forstørre

Posted in Posted in Firefox Firefox , , Web Design & Dev Web Design & Dev . .

Related Posts: Relaterte innlegg:

How to add thumbnail previews of websites when you use Google search in Firefox Hvordan legge til miniatyrbilder av nettsteder når du bruker Google-søk i Firefox
How to move your Sidebar to the right side of Firefox Slik flytter du sidefeltet til høyre side av Firefox
How to force Firefox to open bookmarks in a new tab Slik tvinger Firefox skal åpne bokmerker i en ny fane
How to add any search engine to the Firefox Search Bar Hvordan legge til en søkemotor i Firefox søkelinjen
How to import your StumbleUpon favorites to your Firefox 3 Bookmarks Hvordan importere StumbleUpon favorittene til Firefox 3 Huskeliste

5 Responses 5 Svar

Stay in touch with the conversation, subscribe to the Holde kontakten med samtalen, abonnere på RSS feed for comments on this post RSS feed for kommentarer til dette innlegget . .

  1. Sumesh Sumesh says sier

    I can't believe you missed Web Developer toolbar ! Jeg kan ikke tro du gikk glipp Web Developer toolbar!
    But otherwise a good list, stumbled. Men ellers en god liste, snublet.

  2. Keith Dsouza Keith Dsouza says sier

    Yea I would add Web Developer toolbar, XPather and TamperData to the list, they are really life savers. Ja jeg vil legge til webutvikler verktøylinjen XPather og TamperData til listen, er de virkelig liv savers.

  3. Ky Ky says sier

    What about Web Developer toolbar? Hva med Web Developer toolbar? And Codetch? Og Codetch?

  4. Sam Sam says sier

    T'as touché l'encodage pour avoir tous ça? T'as Touché l'encodage pour avoir tous ça?

  5. Sam Sam says sier

    C'est déconseillé d'employer 2 langues sur un site. C'est déconseillé d'arbeidsgiver 2 langues sur un site. Ça explique ce bordel. Ça explique ce bordel.



Some HTML is OK Some HTML is OK

or, reply to this post via eller svare på dette innlegget via trackback styrekule . .