5 Firefox Addons for the Average Web Developer 5 Firefoxのアドオンをウェブ開発者の平均

by Ross McKillop on August 18, 2008 ロスmckillop 上で 2008年8月18日

Firefoxのウェブデザイン& 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.表示されませんスーパー-高度なアドオンを見つけること"より、 XMLとJavaScriptファイル解凍形式の文字列をMozillaアプリケーションの現地化プロセスを簡略化する"または"デバッグ実行中のアプレットとJava Webstartアプリケーション"このリストです。 These addons are intended for “the rest of us” - people who grudgingly have to edit our own web sites.これらのアドオンには、 "先の残りの部分" -w hoしぶしぶの人々が私たち自身のウェブサイトを編集する。

  1. MeasureIt measureit
  2. MeasureIt measureit allows you to quickly bring up an on-screen “ruler” to measure sections of your site.を使用すると迅速に立ち上げ、画面上の"定規"のセクションをお客様のサイトを測定する。 Quickly determine the space between certain sections, indents etc.特定のセクション間にスペースをすばやく確認するには、インデント等

      Quick Usage Instructions クイック利用方法の指示

    1. Click the MeasureIt button in the bottom right corner of Firefox measureitをクリックしてボタンをクリックして右下隅のFirefox
    2. MeasureIt Button

    3. Click and drag the area you want to measure.をクリックしてドラッグして表示したいを測定する。
    4. Firefoxのアドオンmeasureit

  3. loriローリ
  4. loriローリ stands 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.どのように指示するわけでは貴重な情報をどのくらい時間がかかるため、お客様のページを表示する、どのよう大規模なことは、多くのリクエストが行われたとどのようにロードすることもできます。

    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).の最初の数時間かかった表示されている最初のバイトを表示するには、サーバーから返さ(からして受信さをクリックしてお使いのブラウザの最初のバイト) 。 It’s displayed in seconds (up to the thousandth of a second).それを秒単位での表示(最大の1000分の1秒)です。

    The second number is how long it took to display the page (from your click to the complete rendering of the page). 2番目の数字はどれくらい時間がかかったするページを表示する(からして、完全なレンダリングをクリックしてこのページ)です。 Again, the time is displayed in seconds, up to the thousandth of a second.繰り返しになりますが、時間が表示さを秒単位で、最大の1000分の1秒です。

    The third number displayed is the total page size (number of bytes/kilobytes/megabytes used to display the page). 3番目の番号が表示されるページの合計サイズ(バイト数/キロバイト/メガバイト、ページの表示に使用される) 。 This value includes both bytes fetched from the server and bytes fetched from the browsers cache.両方のバイトが含まれ、この値を取得すると、サーバーからのバイト取得してブラウザのキャッシュをクリアします。

    The forth and final number is the total number of “requests” used to fetch the page content (images, style-sheet, javascript etc).第四、最後の数の合計数は、 "リクエスト"ページのコンテンツを読み込むには、使用される(画像、スタイルシートは、 JavaScript等)です。 Again, this value includes both data downloaded from the server and cache requests.繰り返しますが、両方のデータが含まれ、この値は、サーバーからのダウンロードとキャッシュを要求します。

    ローリFirefoxのアドオン

  5. Source Viewer Tabソースビューア]タブ
  6. Source Viewer Tabソースビューア]タブ is a simple but extremely helpful 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). ソースを選択した場合(または選択したソースの表示がポップアップのソースビューには、新しいタブのではなく、新しいFirefoxのウィンドウを開きます。十分なされていない場合、それを指定することもできます、完全に異なるアプリケーションを表示するにソースを(メモ帳で、テキストエディット-どのようなH TMLエディタの選択肢はです) 。

    ソースビューア]タブの設定
    Source Viewer Tab settings ソースビューア]タブの設定

    Firefoxのページのソースを表示する]タブ
    Source Viewer Tab displaying HTML source in a tab ソースビューア]タブにあるタブのHTMLソースを表示

  7. IE View Liteすなわち対象Liteと
  8. IE View Liteすなわち対象Liteと is fairly self explanatory.はかなり自明です。 It allows you to view a page in IE.これにより、あなたのページを表示するにはIEを起動します。 It has a couple of added benefits vs. similar addons.それには、いくつかの利点と同様のアドオン追加されました。 1) It’s smaller and 2) It allows you specify Safari instead of IE if you’re using OS X. 1 )の小さいことと、 2 )を指定することができるすなわちサファリの代わりに使用する場合はOS Xで

    Right-click a blank spot on any web page and select View This Page in IE to do just that.空白の場所を右クリックして任意のウェブページを選択してこのページにieでの表示を行うだけです。

    ソースビューア]タブの設定

    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.すなわちサファリの代わりにを使用する( OS Xのみ) 、 Internet Explorerの場所を変更するには/ usr / bin /にあるサファリ開いて追加パラメータフィールドに入力します。

    すなわち対象Liteと設定
    IE View Lite set to use Safari すなわち対象LiteとSafariの設定を使用する

  9. Firebug放火魔
  10. Firebug放火魔 is without question the most advanced addon in this list.は、疑いなく、最も先進的アドオンこのリストです。 Though it’s capable of doing a lot of “expert level” things, it’s also very handy for figuring out basic stuff.能力があることでは、多くの"専門家レベルの"もの、それを計算するのも非常に便利な基本的なものです。 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.私も使ってそれを多く最近(新しいテーマを簡単なヘルプ)の部分を決定するには。 CSSファイルをレンダリングすることが原因で彼らのやり方です。 Webmonkey WebMonkey ( has a good tutorial on getting started with Firebug if the interface seems a bit daunting.には、良質のチュートリアルが放火魔の場合、インターフェイスを開始するには少し手ごわいです。 For what it’s worth, Firebug has saved me hours of frustration over the last week alone.どのようなことの価値を、放火魔には時間の不満を保存私の最後の1週間だけです。

    放火魔のアクション
    click to enlarge をクリックして拡大表示する

[いる] [ del.icio.us ] [フェイスブック] [ Googleの]
Related Posts: 関連記事:
  • How to add thumbnail previews of websites when you use Google search in Firefoxウェブサイトのサムネイルプレビューを追加する方法をGoogle検索を使用する場合はFirefoxの
  • How to add any search engine to the Firefox Search Bar任意の検索エンジンを追加する方法についてはFirefoxの検索バーを
  • How to import your StumbleUpon favorites to your Firefox 3 Bookmarksあなたのお気に入りをインポートする方法をあなたのファイヤーフォックス3ブックマークstumbleupon
  • How to add 70+ useful buttons to your Firefox Toolbar 70 +役に立つに追加する方法をFirefoxのツールバーにボタンをして
  • How to update the Firefox search bar to use the new Google iconを更新する方法についてはFirefoxの検索バーのアイコンを使用して新しいGoogle
  • { 3 comments… read them below or 3のコメントを読むことの下か… add one追加する }

    1 1 Sumesh sumesh 08.18.08 at 6:13 am 08.18.08は午前3:13

    I can’t believe you missed Web Developer toolbar !私はあなたを信じて失敗することはできませんウェブ開発ツールバー!
    But otherwise a good list, stumbled.しかし、他の良いリスト、 stumbledです。

    2 2 Keith Dsouza キースdsouza 08.18.08 at 8:09 am 08.18.08は8:09アム

    Yea I would add Web Developer toolbar, XPather and TamperData to the list, they are really life savers.いや私はウェブ開発ツールバーの追加、 xpatherとtamperdataをリストに、彼らが実際にライフセーバーです。

    3 3 Ky ケンタッキー 08.20.08 at 5:47 am 08.20.08は5:47アム

    What about Web Developer toolbar?ウェブ開発ツールバーについてはどうですか? And Codetch?とcodetchですか?

    Leave a Commentコメントを残す

    You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> これらのHTMLタグを使用することができますと属性: <aのhref=のtitle= <abbrのtitle= <cite> <acronymのtitle= <b>ダウンロードの<code> <blockquote cite=""> <del datetime="">の<em> <i>て<strike> <strong> <q cite="">