Firefox の拡張機能。おそらく、Web 開発者ツールバーが強力すぎるため、多くの便利な機能が使用中にユーザーによって誤って無視される可能性があります。世界を愛で満たすために、忘れ去られたスキルをここにまとめてみよう：
画像／画像情報を見る
このオプションを使用すると、現在の Web ページ内のすべての画像要素の属性 (パス、サイズ、寸法など) を新しいタブ ページに表示でき、特に便利です。
インフォメーション／カラー情報を見る
Web ページのカラーマッチングは大きな知識です。多くの人は、Web ページの色情報を表示するために Colorzilla を使用することを好みます。この拡張機能を使用すると、画像の色を含む、ステータス バーの現在のポインター位置の色情報を表示できます。 Web Developer Toolbar に比べると機能は若干弱いですが、それでも現在の Web ページで CSS で呼び出される色をすべてワンクリックで呼び出すことができるので、Web ページのカラーマッチングの勉強には非常に役立ちます。
情報/表示要素情報
以前は、Web ページ上の特定の要素または領域の div 属性を表示したい場合は、必ず右クリックしてソース ファイルを呼び出し、検索機能を使用して 1 行ずつ検索していました。この機能があれば、もうそんな心配は要りません。クラス/ID、場所など、Web ページ内の特定の属性を表示したい場合は、ショートカット キー Ctrl+Shift+F をそっと使用し、その領域をクリックするだけで、知りたいすべてが表示されます。
フォーム／パスワードを表示
多くの人は、さまざまな理由からパスワードを明確に表示することを好みます。 Web 開発者ツールバーのこの機能は、この癖のある Firefox ユーザーに可能性を提供します。このオプションをクリックすると、パスワード入力ボックスに明確に表示されます。
その他/小さな画面のレンダリング
携帯電話や PDA を使用してインターネットを閲覧するユーザーが増えています。この機能を使用すると、これらのポータブル デバイスで Web ページがどのように表示されるかをプレビューでき、そのプレビューに基づいて Web ページのレイアウトとフレームを最適化できます。 . により、PDA での閲覧が容易になります。
その他／訪問リンク
場合によっては、Web ページの検査とデバッグを容易にするために、現在の Web ページ上のすべてのハイパーリンクを無効にすることが必要になることがあります。このオプションでは、ユーザーは [すべてのリンクを未訪問としてマークする] を選択でき、すべてのハイパーリンクが一時的に無効になります。
ツール/速度レポートの表示
「ツール」メニューのオプションは基本的に、Web サイト、CSS、JS、HTML などのさまざまな検証に関連しています。ここには、Web サイトの読み込み速度をオンラインでテストする非常に便利な機能もあります。 Web ページ アナライザーからのデータがここで呼び出されます。このオプションをクリックすると、Web 開発者ツールバーはテストのために現在の Web サイトを Web ページ アナライザーに送信します。ユーザーは、Web によって提供されるデータ リストに基づいて、どのファイルが Web ページ アナライザーに影響を与えるかを理解できます。ページアナライザー。
その他／HTML編集
おそらく、Web 開発者ツールバーで最も頻繁に使用される機能は、ユーザーが現在の Web ページの CSS をリアルタイムで変更し、変更の効果をすぐに確認できる機能です。ユーザーは、Web 開発者ツールバーを使用して HTML ファイルを変更することもできます。この機能は「その他」の下に表示されます。