Skip to content Prejsť na obsah


5 Firefox Addons for the Average Web Developer 5 Firefox Addons pre Average Web Developer

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. Nenájdete žiadne super-moderné doplnky pre "ťažbu reťazcov z xml a javascript súbory na zjednodušenie Mozilla lokalizácia" alebo "ladenie beh appletov a Java Webstart application" v tomto zozname. These addons are intended for “the rest of us” – people who grudgingly have to edit our own web sites. Tieto doplnky sú určené pre "nás ostatných" - ľudia, ktorí majú s nechuťou k úpravám naše vlastné webové stránky.

  1. MeasureIt MeasureIt
  2. MeasureIt MeasureIt allows you to quickly bring up an on-screen “ruler” to measure sections of your site. vám umožní rýchlo uviesť do on-screen "vládca" na mieru sekcie webe. Quickly determine the space between certain sections, indents etc. Rýchlo zistiť, priestor medzi niektorými bodmi, zarážky apod

      Quick Usage Instructions Rýchle pokyny na použitie

    1. Click the MeasureIt button in the bottom right corner of Firefox Kliknite na tlačidlo MeasureIt v pravom dolnom rohu Firefoxu
    2. MeasureIt Button

    3. Click and drag the area you want to measure. Kliknutím a ťahaním oblasť, ktorú chcete merať.
    4. MeasureIt firefox addon

  3. lori Lori
  4. lori Lori stands for “Life-of-request info”. je skratka pre "Life-z-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. Čo to urobí, je vám cenné informácie o tom, ako dlho trvá na svojej stránke zobrazovať, ako veľké to je, a koľko žiadostí boli na načítanie stránky.

    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). Prvé číslo je zobrazený čas trvalo vidieť prvý byte sa vrátil zo servera (z vášho kliknite na prvý byte dostal svojom prehliadači). It's displayed in seconds (up to the thousandth of a second). Je zobrazený v sekundách (až na tisícinu sekundy).

    The second number is how long it took to display the page (from your click to the complete rendering of the page). Druhé číslo je, ako dlho to trvalo, na zobrazenie stránky (po kliknutí sa od svojho dokončenia vykresľovanie stránky). Again, the time is displayed in seconds, up to the thousandth of a second. Opäť, je zobrazený čas v sekundách, až tisíciny sekundy.

    The third number displayed is the total page size (number of bytes/kilobytes/megabytes used to display the page). Tretie číslo sa zobrazí celková veľkosť stránky (počet bajtov / kilobajtoch / MB slúži na zobrazenie stránky). This value includes both bytes fetched from the server and bytes fetched from the browsers cache. Táto hodnota zahŕňa aj byty načítané zo servera a bytov stiahnutý z cache prehliadača.

    The forth and final number is the total number of “requests” used to fetch the page content (images, style-sheet, javascript etc). Štvrté a posledné číslo je celkový počet "žiadostí" slúži na načítať obsah stránky (obrázky, style-list, javascript atď). Again, this value includes both data downloaded from the server and cache requests. Opäť, táto hodnota zahŕňa dáta zo servera stiahne a cache požiadavky.

    Lori firefox addon

  5. Source Viewer Tab Source Viewer Tab
  6. Source Viewer Tab Source Viewer Tab is a simple but extremely helpful addon. Je jednoduchý, ale veľmi užitočné 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). Keď zvolíte View Source (alebo Zobraziť vybrané Zdroj otvorí zdroj názor v novej záložke namiesto nového okna prehliadača Firefox. Ak to nestačilo, ale tiež umožňuje určiť úplne inú aplikáciu pre zobrazenie zdrojového s ( poznámkový blok, TextEdit - bez ohľadu na editor HTML výberu je).

    zdroj nastavenia prehliadača kartu
    Source Viewer Tab settings Source Viewer Tab nastavenia

    Firefox zobrazujúci zdrojový kód stránky v záložke
    Source Viewer Tab displaying HTML source in a tab Source Viewer Tab zobrazenie zdrojového kódu HTML v záložke

  7. IE View Lite IE View Lite
  8. IE View Lite IE View Lite is fairly self explanatory. je docela samozrejmý. It allows you to view a page in IE. To umožňuje zobraziť stránku v IE. It has a couple of added benefits vs. similar addons. To má niekoľko výhod oproti podobným pridanej addons. 1) It's smaller and 2) It allows you specify Safari instead of IE if you're using OS X. 1) Je to menšie a 2) To umožňuje zadať Safari miesto IE, ak používate OS X.

    Right-click a blank spot on any web page and select View This Page in IE to do just that. Pravým-kliknite na prázdne miesto na ľubovoľnej webovej stránke a vyberte Zobraziť túto stránku v IE urobiť práve to.

    zdroj nastavenia prehliadača kartu

    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. Ak chcete používať Safari miesto IE (OS X len), zmeny v programe Internet Explorer Umiestnenie do / usr / bin / open a add-Safari do poľa parametrov.

    IE View Lite nastavenia
    IE View Lite set to use Safari IE View Lite nastavený na používanie Safari

  9. Firebug Firebug
  10. Firebug Firebug is without question the most advanced addon in this list. je bezpochyby najvyspelejší addon v tomto zozname. Though it's capable of doing a lot of “expert level” things, it's also very handy for figuring out basic stuff. Hoci je schopný robiť veľa "odbornej úrovni" veci, je to tiež veľmi užitočné pre zisťuje, základné veci. 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. I've been using ono veľa v poslednej dobe (novú tému jednoduchá Help) určiť, ktorá časť. Css súbor pôsobí veci urobiť tak, ako sa. Webmonkey Webmonkey has a good tutorial on getting started with Firebug if the interface seems a bit daunting. Má dobrý návod Začíname s Firebug, ak rozhrania zdá trochu skľučujúci. For what it's worth, Firebug has saved me hours of frustration over the last week alone. Za to, čo stojí za to, Firebug zachránila ma hodín sklamanie za posledný týždeň sám.

    Firebug v akcii
    click to enlarge kliknite pre zväčšenie

Posted in Publikované v Firefox Firefox , , Web Design & Dev Web Design & Dev . .

Related Posts: Súvisiace zmeny:

How to add thumbnail previews of websites when you use Google search in Firefox Ako pridať náhľadmi náhľadov stránok pri použití vyhľadávanie Google vo Firefoxe
How to move your Sidebar to the right side of Firefox Pre, ako presunúť svoje bočný panel na pravej strane Firefox
How to force Firefox to open bookmarks in a new tab Ako donútiť Firefox na otvorenie záložky v novej záložke
How to add any search engine to the Firefox Search Bar Ako pridať ľubovoľný vyhľadávač na Firefox Search Bar
How to import your StumbleUpon favorites to your Firefox 3 Bookmarks Ako importovať vaše obľúbené položky StumbleUpon do záložky Firefox 3

5 Responses 5 Odpovede

Stay in touch with the conversation, subscribe to the Zostať v kontakte s konverzácia, prihláste sa RSS feed for comments on this post RSS kanál pre komentáre k tomuto príspevku . .

  1. Sumesh Sumesh says hovorí

    I can't believe you missed Web Developer toolbar ! Nemôžem uveriť, že ste vynechali Web Developer toolbar!
    But otherwise a good list, stumbled. Ale inak dobrý zoznam, klopýtl.

  2. Keith Dsouza Keith Dsouza says hovorí

    Yea I would add Web Developer toolbar, XPather and TamperData to the list, they are really life savers. Iste by som dodal, Web Developer Toolbar, XPather a tamperdata na zozname, sú skutočne životu sporiteľov.

  3. Ky Ky says hovorí

    What about Web Developer toolbar? Čo je Web Developer Toolbar? And Codetch? A Codetch?

  4. Sam Sam says hovorí

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

  5. Sam Sam says hovorí

    C'est déconseillé d'employer 2 langues sur un site. C'est d'déconseillé zamestnávateľ 2 langues sur un site. Ça explique ce bordel. Ça expliqué ce bordel.



Some HTML is OK Niektoré HTML je v poriadku

or, reply to this post via alebo odpovede na tento príspevok prostredníctvom trackback Trackback . .