Web 開発者向けの 10 の必須 Chrome 拡張機能

クレジット:

クレジット:

Chrome で拡張機能がサポートされるようになりました使い慣れたいくつかのツールFirefoxが利用可能になったほか、Chrome に固有の機能もいくつかあります。ここでは、Web 開発者にとって最も便利な Chrome 拡張機能 10 個のリストをまとめました。これらの拡張機能を使用すれば、Chrome を主力にすることもできるかもしれません。多分!

リストを見て試してみてください。見逃した素晴らしいリストがあれば、ぜひコメントで私たちや他の読者と共有してください。

1.ファイアバグ ライト

クレジット:

Web 開発者にとっておそらく最も人気のある Firefox 拡張機能である Firebug を使用すると、ブラウザを離れることなく、任意のページの HTML、CSS、JavaScript をその場で確認して編集できます。 Firebug Lite は、Chrome 用に作成された Firebug の縮小バージョンです。ページにエラーがないか検査し、すぐに編集して修正することができます。

Firebug Lite には Firebug と同じ機能がすべて備わっているわけではありませんが、必要不可欠なもののほとんどが備えられており、パワー ユーザー向けのコンソール インターフェイスもあります。

2.IEタブ

クレジット:

マイクロソフトのインターネットエクスプローラーWeb ブラウザは Web 開発者の間ではまったく人気がありませんが、一般の人にとっては断然最も人気のあるブラウザです。 IE タブを使用すると、Chrome の代わりに Internet Explorer を実際に実行しているタブで任意の Web サイトを開くことができます。 Firefox を使用していない何百万人ものユーザーに対して Web サイトが正しく動作することを確認できます。サファリ、クロム、またはオペラ

3.スポイト

クレジット:

EyeDropper を使用すると、Chrome で表示している Web サイト上のあらゆる色に関する有用な情報を見つけることができます。拡張ボタンをクリックすると、カラー ホイール インターフェイスがドロップダウンします。そこから、カラー ピッカー ボタンをクリックし、サイト上の任意の場所をクリックすると、そのピクセルの色がホイール内のどこに該当するか、その RGB レベルが何であるか、HTML カラー コードが何であるかを確認できます。

4.Chrome SEO

クレジット:

拡張機能のインストール後に Chrome SEO ボタンをタップすると、検索エンジンの最適化に重要な Web サイト情報が表示されます。バックリンク、Alexa Rank や Google PageRank などのトラフィック測定、Delicious などのソーシャル ブックマーク サイトでの人気などを確認できます。

5.非常に優れた発電機

クレジット:

Lorem Ipsum Generator 拡張機能は、Web サイトのフィラー テキストを生成するため、テキストのいくつかの段落を入力する時間を無駄にすることなく、書式設定が適切に機能することを確認できます。この拡張機能は軽量で最小限であるため、使いやすく、多くのメモリを消費しません。つまり、必要に応じて簡単に出し入れできます。

6.解像度テスト

クレジット:

Resolution Test の目的はその名前にあります。ブラウザ ウィンドウのサイズを変更して、一般的なさまざまな画面解像度で Web サイトがどのように見えるかを示します。 Web 開発者は、おそらく非常に高解像度のディスプレイを使用しているでしょう。よかったね!しかし、サイトの訪問者のほとんどはそうではありません。この拡張機能は、サイトのフォーマットがユーザーにとって適切であるかどうかを確認するのに役立ちます。

7.スピードトレーサー

クレジット:

Speed Tracer は、ブラウザーの組み込みメトリック ツールを使用して、Web アプリケーションがさまざまなタスクに費やした時間を記録するため、サイトの実行が遅い場合にハングアップの原因を知ることができます。ブラウザーがレイアウト、JavaScript、その他の詳細の解釈にどれだけの時間を費やしているかを知ることができます。

この便利なツールの唯一の欠点は、このツールを機能させるには、コマンド ライン フラグ「--enable-extension-timeline-api」を指定してブラウザを実行する必要があることです。しかし、あなたが開発者であれば、それはおそらく大きな問題ではないでしょう?

8.測ってみよう!

クレジット:

測ってみよう!これは非常に簡単です。見ている Web サイトに存在する要素の寸法 (ピクセルの幅と高さ) がわかります。このリストにある他の多くの拡張機能と同様、これは以前 Firefox で利用可能でした。

9.振り子

クレジット:

Pendule は、開発者にとって役立つさまざまなタスクが満載された、使いやすく、よくレイアウトされたコントロール パネルをポップアップ表示します。例には、CSS の再読み込みまたは無効化、JavaScript スクリプトの表示、画像の非表示、カラー ピッカー、表示ルーラー、ソースの表示、およびいくつかのスクリプト バリデーターが含まれます。これは、基本的な包括的な Web 開発者の拡張機能として機能します。

10.で構築

クレジット:

BuiltWith は、そこで見つけられるすべてのテクノロジーのリストを含む、あなたがたむろしている Web サイトのプロフィールを提供します。サイトがどのようなウィジェットを使用しているか、ウェブマスターがどの分析トラッカーを使用しているか、どのフレームワークが存在しているか、どの広告プラットフォームが使用されているかなどがわかります。

Rackspace がサポートするシリーズ

クレジット:

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe Now & Never Miss The Latest Tech Updates!

Enter your e-mail address and click the Subscribe button to receive great content and coupon codes for amazing discounts.

Don't Miss Out. Complete the subscription Now.