5 Firefox Addons voor de gemiddelde Web Developer

on August 18, 2008 door Ross McKillop op 18 augustus 2008

FirefoxWeb Design & Dev

Je zal niet enkel super-geavanceerde addons voor "winning van strijkers uit xml en javascript-bestanden te vereenvoudigen mozilla toepassing lokalisatie-proces" of "debug draaien en Java-applets Webstart toepassing" in deze lijst. Deze addons zijn bestemd voor "de rest van ons" - mensen die onwillig zijn om te bewerken onze eigen websites.

  1. MeasureIt
  2. MeasureIt kunt u snel tot stand brengen van een on-screen "heerser" te meten welke delen van uw site. Snel bepalen van de ruimte tussen bepaalde afdelingen, streepjes enz.

      Quick gebruiksinstructies

    1. MeasureIt Klik op de knop in de rechteronderhoek van Firefox
    2. MeasureIt Button

    3. Klik en sleep het gebied dat u wilt meten.
    4. measureit firefox addon

  3. Lori
  4. Lori staat voor "Life-of-aanvraag info". Wel moet het je vertellen waardevolle informatie over hoe lang het duurt voordat uw pagina weer te geven, hoe groot het is en hoeveel verzoeken zijn gedaan voor het laden van de pagina.

    Het eerste nummer dat wordt getoond is de tijd die nodig was om de eerste byte geretourneerd vanaf de server (van uw klik om de eerste byte ontvangen door uw browser.) Het is weergegeven in seconden (tot aan het duizendste van een seconde).

    Het tweede nummer is hoe lang het duurde om de pagina (vanaf uw klik naar de volledige weergave van de pagina). Nogmaals, de tijd wordt weergegeven in seconden, tot in het duizendste van een seconde.

    Het derde nummer wordt getoond is de totale grootte (aantal bytes / kilobytes / megabytes gebruikt voor de weergave van de pagina). Deze waarde omvat zowel bytes opgehaald van de server en bytes opgehaald vanaf het browsers cache.

    De vierde en laatste nummer is het totale aantal "verzoeken", dat wordt gebruikt voor het ophalen van de pagina-inhoud (afbeeldingen, style-sheet, javascript etc). Nogmaals, deze waarde omvat zowel gegevens van de server gedownload en het cachegeheugen verzoeken.

    Lori firefox addon

  5. Bron Viewer Tab
  6. Bron Viewer Tab is een eenvoudige maar zeer behulpzaam addon. Wanneer u Bron weergeven (of bekijk de geselecteerde Bron opent de bron bekijken in een nieuw tabblad in plaats van een nieuw Firefox-venster. Als dat nog niet genoeg is, maar ook kunt u een geheel andere toepassing om uw bron met ( Kladblok, TextEdit - ongeacht uw HTML-editor is een ruime keuze).

    source viewer tabblad Instellingen
    Bron Viewer Tab-instellingen

    firefox pagina weer te geven bron in een tabblad
    Bron Viewer Tab weergave van HTML-bron in een tabblad

  7. IE View Lite
  8. IE View Lite is vrij spreekt voor zichzelf. Het biedt u de mogelijkheid om een pagina in IE. Het heeft een paar extra voordelen ten opzichte van soortgelijke addons. 1) Het is kleiner en 2) Dit laat u specificeren Safari in plaats van IE als u OS X.

    Klik met de rechtermuisknop op een lege plek op een webpagina en selecteert u Bekijk deze pagina in IE om dat te doen.

    source viewer tabblad Instellingen

    Om gebruik te kunnen maken in plaats van IE Safari (OS X only), verandert u de Internet Explorer Locatie naar / usr / bin / open en add-een Safari op de parameters gebied.

    IE View Lite-instellingen
    IE View Lite ingesteld op het gebruik van Safari

  9. YUI
  10. YUI is zonder twijfel de meest geavanceerde addon in deze lijst. Hoewel het mogelijk zijn een heleboel "expert-niveau" dingen, het is ook erg handig voor het uitzoeken elementaire dingen. Ik gebruik het veel de laatste tijd (nieuw thema op Simple Help) om te bepalen welk deel van de. Css-bestand de oorzaak is van alles te maken de manier waarop zij doen. Webmonkey heeft een goede uitleg over het werken met YUI als de interface lijkt een beetje ontmoedigend zijn. Voor wat het waard is, YUI heeft gered me uren van frustratie over de afgelopen week alleen.

    YUI in actie
    klik om te vergroten

Gerelateerde berichten:
  • Hoe voeg thumbnail previews van websites wanneer u Google zoeken in Firefox
  • Hoe verplaats je zijbalk aan de rechterkant van Firefox
  • Hoe voeg elke zoekmachine naar de Firefox Search Bar
  • Hoe te importeren StumbleUpon uw favorieten naar uw Firefox 3 Bookmarks
  • Hoe voeg 70 + handige knoppen aan uw Toolbar Firefox
  • Get Simple Help tutorials net zoals deze in uw e-mail inbox elke dag - gratis! Geef uw e-mailadres hieronder:

    U kunt altijd afmelden voor deze e-mail abonnement op elk moment wijzigen.


    Bookmark en Share

    3 comments… read them below or (3 reacties hieronder te lezen ... of Voeg een )

    1 Sumesh 08.18.08 op 6:13

    Ik kan niet geloven dat je gemist Web Developer Toolbar!
    Maar anders is een goede lijst, struikelde.

    2 Keith Dsouza 08.18.08 op 8:09

    Yea Ik zou daaraan willen toevoegen Web Developer toolbar, XPather en TamperData aan de lijst, ze zijn heel leven spaarders.

    3 Ky 08.20.08 op 5:47

    Hoe zit het Web Developer Toolbar? En Codetch?

    Laat een bericht achter

    U kunt deze HTML-tags en attributen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>