FirefoxでHTMLタグとWebページを組み合わせて表示する

別のウィンドウにソースコードを表示せずにWebページのHTMLタグを簡単に表示する方法がありますか。これで、Firefox用のX-Ray拡張機能を使用して、Webページとタグを同じウィンドウにまとめて表示できます。.

前

通常、Webページの背後にあるソースコードを見たい場合は、別のウィンドウに表示する必要があります。特定のセクションのみに関心がある場合は、探しているものを見つけるためにコード全体を検索する必要があります。.

後に

X-Rayエクステンションを使うと、ドキュメントのタグ（クラス名とID名を含む）をWebページと同じタブに「並べて」表示できます。 X線コマンドにアクセスするには、コンテキストメニューまたはツールメニューを使用できます。.

これは、上の最初のスクリーンショットと同じWebページのセクションです。あなたが両方を一緒に見ることに慣れるまで、最初は少し変に見えるかもしれません。.

注：X線コマンドをもう一度クリックするかページを更新すると、ウェブページを通常のビューに戻すことができます。.

同じWebページのサイドバーの一部のコード…

最後に一連のリンクのいずれかが続きます.

別の例を見ると、メインフィードの一部がどのように設定されているかに興味があるとします。.

Webページ内で特定の要素がどのように直接設定されているかを確認できることは、コードのページ全体を検索するよりも確実に優れています。.

結論

Webページをデザインしていて、他の人のWebサイトがどのようにコーディングされているかを簡単に確認したい場合は、この拡張機能を試してみることをお勧めします。.

リンク集

X-Ray拡張機能をダウンロードする（Mozillaアドオン）