Skip to content Skip to content


5 Firefox Addons for the Average Web Developer 5 Firefox Addons 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. Jūs nevarēsiet atrast nevienu super-modernu addons "ieguvi virknes no xml un javascript failus, lai vienkāršotu mozilla pieteikumu lokalizācijas procesā" vai "debug rādīt applets un Java Webstart pieteikums" šajā sarakstā. These addons are intended for “the rest of us” – people who grudgingly have to edit our own web sites. Šīs addons ir paredzēti "mums pārējiem" - cilvēki, kas ar nepatiku ir rediģēt savu tīmekļa vietnēm.

  1. MeasureIt MeasureIt
  2. MeasureIt MeasureIt allows you to quickly bring up an on-screen “ruler” to measure sections of your site. ļauj Jums ātri audzināt on-screen "valdnieks", lai pasākums sadaļām jūsu vietnē. Quickly determine the space between certain sections, indents etc. Ātri noteikt attālumu starp atsevišķiem posmiem, ievilkumi uc

      Quick Usage Instructions Quick Lietošanas instrukcija

    1. Click the MeasureIt button in the bottom right corner of Firefox Noklikšķiniet MeasureIt pogas labajā apakšējā stūrī Firefox
    2. MeasureIt Button

    3. Click and drag the area you want to measure. Noklikšķiniet un velciet platība vēlaties noteikt.
    4. measureit firefox addon

  3. lori Lori
  4. lori Lori stands for “Life-of-request info”. nozīmē "Life-of-pieprasījuma 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. Kas tas ir pateikt vērtīgs info, cik ilgi ir nepieciešams jūsu lapu, lai parādītu, cik liela tā ir un cik daudz lūgumi tika veikti, lai ielādētu lapu.

    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). Pirmais numurs parādīts, kad tas notika, lai redzētu pirmo baitu atpakaļ no servera (no jūsu klikšķiniet uz pirmo baitu, ko saņem jūsu pārlūkprogrammā). It's displayed in seconds (up to the thousandth of a second). Tas ir redzams sekundēs (līdz tūkstošdaļai sekundi).

    The second number is how long it took to display the page (from your click to the complete rendering of the page). Otrais numurs ir cik ilgs laiks pagāja, lai rādītu lapu (no jūsu noklikšķiniet, lai pabeigtu renderēšana lapā). Again, the time is displayed in seconds, up to the thousandth of a second. Atkal laiks tiek rādīts sekundes, līdz tūkstošdaļai sekundē.

    The third number displayed is the total page size (number of bytes/kilobytes/megabytes used to display the page). Trešais numurs parādīts, lapu kopējo lielumu (baitu skaitu / kilobaiti / megabaitiem, ko izmanto, lai parādītu lapā). This value includes both bytes fetched from the server and bytes fetched from the browsers cache. Šī vērtība ietver gan bytes ielādēti no servera un baiti izņemt no pārlūkprogrammas kešatmiņu.

    The forth and final number is the total number of “requests” used to fetch the page content (images, style-sheet, javascript etc). Tālāk un galīgais skaitlis ir kopējais skaits "pieprasījumi", ko izmanto, lai ielādēt lapas saturu (attēli, style-sheet, JavaScript utt.) Again, this value includes both data downloaded from the server and cache requests. Arī šī vērtība ietver gan dati, kas lejupielādēti no servera kešatmiņas pieprasījumus.

    Lori firefox addon

  5. Source Viewer Tab Avots Viewer Tab
  6. Source Viewer Tab Avots Viewer Tab is a simple but extremely helpful addon. ir vienkāršs, bet ļoti noderīga 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). Kad jūs izvēlieties View Source (vai Skatīt atlasītos primāros tā atver avots viedokli jaunā cilnē, nevis jaunu Firefox logu. Ja tas nav pietiekami, tas arī ļauj norādīt pilnīgi atšķirīgu, lai skatītu savu avots ( Notepad TextEdit - neatkarīgi no jūsu HTML redaktora izvēle ir).

    avots skatītājs cilnes iestatījumi
    Source Viewer Tab settings Avots Viewer Tab uzstādījumi

    Firefox Displaying page avots tab
    Source Viewer Tab displaying HTML source in a tab Avots Viewer Tab attēlot HTML avots tab

  7. IE View Lite IE View Lite
  8. IE View Lite IE View Lite is fairly self explanatory. ir diezgan pašsaprotami. It allows you to view a page in IE. Tas ļauj apskatīt lapu IE. It has a couple of added benefits vs. similar addons. Tas ir pāris papildu priekšrocības, salīdzinot ar līdzīgiem addons. 1) It's smaller and 2) It allows you specify Safari instead of IE if you're using OS X. 1) Tas ir mazākas, un 2) Tā ļauj jums norādīt Safari vietā, ti, ja jūs izmantojat OS X.

    Right-click a blank spot on any web page and select View This Page in IE to do just that. Ar peles labo pogu noklikšķiniet uz tukšas vietas, jebkurā tīmekļa lapā un izvēlieties View this page in IE darīt tieši to.

    avots skatītājs cilnes iestatījumi

    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. Lai izmantotu Safari vietā IE (OS X only), mainīt Internet Explorer vieta uz / usr / bin / atvērt un papildu Safari lai Parametri jomā.

    IE View Lite uzstādījumi
    IE View Lite set to use Safari IE View Lite noteikts, lai izmantotu Safari

  9. Firebug Firebug
  10. Firebug Firebug is without question the most advanced addon in this list. neapšaubāmi visattīstītākās addon šajā sarakstā. Though it's capable of doing a lot of “expert level” things, it's also very handy for figuring out basic stuff. Lai gan tas ir spējīgs to paveikt daudz "ekspertu līmenī" lietas, tas ir ļoti ērts, lai norādītas, pamata lietas. 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. Esmu jau lieto daudz pēdējā laikā (jaunu tēmu par vienkāršām Help), lai noteiktu, kam daļa. CSS failu rada lietas, kas padara, kā viņi dara. Webmonkey Webmonkey has a good tutorial on getting started with Firebug if the interface seems a bit daunting. ir labs apmācība par iesākumam ar Firebug ja interfeiss šķiet mazliet biedējošu. For what it's worth, Firebug has saved me hours of frustration over the last week alone. Par to, ko ir vērts, Firebug ir ietaupījuši man stundas vilšanos pagājušajā nedēļā vien.

    Firebug darbībā
    click to enlarge Uzklikšķiniet, lai palielinātu

Posted in Iesūtīts Firefox Firefox , , Web Design & Dev Web Design & Dev . .

Related Posts: Related Posts:

How to add thumbnail previews of websites when you use Google search in Firefox Kā pievienot sīktēlu priekšskatījumus mājas lapu, kad lietojat Google meklēšanas Firefox
How to move your Sidebar to the right side of Firefox Kā pārvietot savu Sidebar uz labo pusi Firefox
How to force Firefox to open bookmarks in a new tab Kā piespiest Firefox atvērt grāmatzīmes jaunā cilnē
How to add any search engine to the Firefox Search Bar Kā pievienot meklētājprogrammu, lai Firefox Search Bar
How to import your StumbleUpon favorites to your Firefox 3 Bookmarks Kā importēt savu StumbleUpon draugi Jūsu Firefox 3 Bookmarks

5 Responses 5 Atbildes

Stay in touch with the conversation, subscribe to the Uzturēt kontaktus ar sarunu, abonēt RSS feed for comments on this post RSS barību komentārus par šo ziņu . .

  1. Sumesh Sumesh says saka

    I can't believe you missed Web Developer toolbar ! Es nespēju noticēt aizmirsto devu Web Developer rīkjoslā!
    But otherwise a good list, stumbled. Bet citādi labs sarakstā, nokļuvis.

  2. Keith Dsouza Keith Dsouza says saka

    Yea I would add Web Developer toolbar, XPather and TamperData to the list, they are really life savers. Jā es vēlētos piebilst, Web Developer Rīkjoslā XPather un TamperData to sarakstā, tie ir patiesi dzīves noguldītājiem.

  3. Ky KY says saka

    What about Web Developer toolbar? Kas par Web Developer rīkjosla? And Codetch? Un Codetch?

  4. Sam Sam says saka

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

  5. Sam Sam says saka

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



Some HTML is OK Daži HTML ir OK

or, reply to this post via vai, atbildot uz šo ziņu izmantojot trackback Trackback . .