別のウィンドウでソースコードを表示せずに、Webページのhtmlタグを簡単に表示する方法が必要ですか？これで、Firefox用のX-Ray拡張機能を使用して、同じウィンドウで結合されたWebページとタグを表示できます。
前
通常、Webページの背後にあるソースコードを表示する場合は、別のウィンドウで表示する必要があります。特定のセクションのみに関心がある場合は、探しているものを見つけるために、コードのセット全体を検索する必要があります。
後
X-Ray拡張機能を使用すると、ドキュメントのタグ（クラス名とID名を含む）を同じタブのWebページと「並べて」表示できます。コンテキストメニューまたはツールメニューのいずれかを使用して、X線コマンドにアクセスできます。
これは、上の最初のスクリーンショットに示されているのと同じWebページのセクションです。両方を一緒に見ることに慣れるまで、最初は少し奇妙に見えるかもしれません。
注：X線コマンドをもう一度クリックするか、ページを更新することで、Webページを通常のビューに戻すことができます。
同じウェブページのサイドバーの一部のコード…
最後にリンクのセットの1つが続きます。
別の例を見て、メインフィードの一部がどのように設定されているかに興味があるとします。
特定の要素がWebページで直接設定されていることを確認できることは、コードのページ全体を検索するよりも確かに優れています。
結論
Webページをデザインしていて、他の人のWebサイトがどのようにコーディングされているかを簡単に確認したい場合は、この拡張機能を試してみてください。
リンク
