HTML Inspector

任意のウェブページのHTMLソースをCORSプロキシ経由で取得・表示する完全なインスペクターツール

使い方と情報

使用方法

1. 上部の入力フィールドに調査したいウェブページのURLを入力します。

2. 「HTMLを取得」ボタンをクリックしてソースコードを取得します。

3. 右側のパネルにHTMLソースが表示されます。

4. 「行番号を表示」や「構文ハイライト」などの機能を使用してコードを分析します。

主な機能

• CORSプロキシ経由でのHTML取得

• 構文ハイライトによるコード表示

• 行番号表示/非表示切り替え

• HTMLタグの統計情報

• コードのコピー機能

• レスポンシブデザイン

CORSプロキシについて

このツールはhttps://api.allorigins.win/raw?url=をCORSプロキシとして使用しています。

プロキシを使用することで、ブラウザのCORS制限を回避し、任意のWebページのHTMLソースを取得できます。

一般的なHTMLタグ

<html> <head> <body> <div> <title> <p> <a> <meta> <img>

HTMLソースコード

行数: 0
文字数: 0
タグ数: 0
HTMLを取得中です...
CORSプロキシ経由でリクエストを送信しています
エラー:
成功: HTMLソースを正常に取得しました。統計情報を更新しました。
HTMLソースがここに表示されます。上の入力フィールドにURLを入力して「HTMLを取得」ボタンをクリックしてください。
`; // サンプルHTMLを表示 displayHTML(sampleHTML); updateStats(sampleHTML); successMessage.style.display = 'block'; });