📖
Web 開発に専念している私たち全員が、すべてが可能な限りうまく機能するようにページのコードをデバッグすることの難しさを知っています。この作成プロセス中に、Web Developer ツールバーやFirebugなどの優れたアドオンがこの目的で利用できるため、Firefox を選択することは珍しくありません。
まさに後者として、 Chrome の最初のバージョンが登場しました。これは、同名の Firefox よりもはるかにシンプルであるにもかかわらず、非常に優れた機能を示しています。このツールが提供するものを詳しく見てみましょう。
特徴
一見すると、このプラグインは Firefox と同じインターフェイスを維持していますが、まだすべての機能が備わっているわけではないため、現時点ではコンソール、HTML、CSS、スクリプト、および DOMオプションにのみアクセスできます。ただし、これらの制限にもかかわらず、非常に魅力的な改善点がいくつかあります。
- CSS ライブ編集:コードに触れたりページを更新したりすることなく、パネル上でスタイル シートを直接編集し、結果をリアルタイムで確認できます。さらに、バー自体によって提案される新しい属性を含めることもできるため、名前を覚える必要がなくなります。
- HTML 検査:このオプションをチェックすると、HTML 要素を渡すときにそのコードが直接表示されます。
特定のドメインのアクティベーション:ページを表示しているときにFirebug をアクティベートすると、次回そのページにアクセスしたときに再度開く必要がなく、便宜上開いたままになります。このデータはローカルに保存されるため、非アクティブ化するには、ブラウザーのキャッシュをクリアするだけです。
読み込み時間: Web サイトが読み込まれる前に読み込まれるため、ページによって行われるすべての呼び出しをキャプチャして、Web サイトが実行するタスクをより詳細に制御できるようになります。
制限事項
- 外部リソースから読み取ることはできませんが、次のバージョンでは可能になることが保証されています。
- フレームのあるページではうまく機能しません。
- JavaScriptデバッガーは使用できません。
- ネットパネルは使用できません。
一般的な意見
Firebug はChrome の要望が高まっている拡張機能であり、まだ機能が非常に限定されていますが、これは最初のバージョンであり、将来的には成長し、改善されることが期待できることを理解する必要があります。しかし、私の意見では、他のより成熟した完全なデバッグ ツールを補完するためだけに、このバージョンはすでに使用する価値があります。
経由 | DownloadSquad公式サイト | HOW2.WORK のGoogle Chrome 拡張機能| Google Chrome の 5 つの必須拡張機能