HTML ビューア
HTML を貼り付けてサンドボックス化されたフレームでレンダリング結果をプレビューし、ソースを整形 —— すべてブラウザ内のローカル処理で、何もアップロードされません。
関連
HTML ビューア のガイド
JSON パースエラー：メッセージを読み、修正へ直行
JSON パーサーのエラーメッセージと、それぞれを解説する記事のディレクトリ —— まず厳格なバリデーターで確認し、次に具体的な構文の問題へ掘り下げます。
無効な JSON を修復：「どこが悪いか」からきれいなファイルへ
ほぼ正しく見える JSON を修復 —— 末尾カンマ、単一引用符、引用符なしのキー —— 「ほぼ JSON」を許容するスマートフォーマッターを使い、その後で厳格に検証します。
JSON フォーマッター・バリデーター・ビューアー：適切なツールを選ぶ
フォーマッター、バリデーター、ビューアー、ミニファイア、差分を横並びで比較し、API ペイロードをレビューするときに連鎖させる順序を示します。
オンライン HTML ビューア＆レンダラー
左側に HTML を貼り付けると、右側に即座にレンダリングされた結果が表示されます。このオンライン HTML ビューアは完全にブラウザ内で動作し、マークアップがサーバにアップロードされることはありません —— そのため社内ページ、メールテンプレート、作業中のマークアップでも安全です。
プレビューはスクリプトを無効化したサンドボックス化フレームでレンダリングされるため、JavaScript を一切実行することなく、ブラウザがレイアウトするとおりの HTML と CSS を確認できます。作業しながら Format ボタンを使えば、ソースをきれいなインデントで整形できます。
- HTML を表示 —— マークアップを貼り付けてレンダリング結果を読む、オンライン HTML リーダーのように
- HTML と CSS をレンダリング —— インラインの
<style>や属性がプレビューに適用されます - ソースを整形 —— 乱れた HTML をワンクリックで再インデント
- 100% ローカル —— プライベートな HTML ビューア。何もブラウザの外には出ません
プレビューできるもの
これはオンライン HTML ビューア、HTML ファイルビューア、HTML プレビューア、HTML レンダラーとして機能します：完全なドキュメントまたは断片を貼り付けると、フレームがその見た目を表示します。メール用 HTML、エクスポートされたレポート、スクレイピングしたスニペット、コンポーネントのマークアップはすべて、ブラウザが描画するとおりにレンダリングされます。
なぜスクリプトが無効化されているのか
任意の JavaScript を実行するビューアは、まさに貼り付けたデータを漏洩させかねません。スクリプトを無効化することで、ツールは安全かつ予測可能に保たれます —— 構造とスタイルの忠実な視覚プレビューが得られます。インタラクティブな挙動をテストするには、代わりに実際のブラウザタブで HTML を開いてください。
FAQ
私の HTML はどこかにアップロードされますか？
いいえ。ビューアはサンドボックス化された iframe 内でローカルに HTML をレンダリングします。何もサーバに送信されないため、機密マークアップでも安全です。
なぜプレビューで JavaScript が実行されないのですか？
プレビューフレームはセキュリティのため、スクリプトを無効化してサンドボックス化されています。レンダリングされた HTML と CSS は表示されますが、<script> コードは実行されません。スクリプトをテストするには、ファイルをブラウザで開いてください。
HTML を整形することもできますか？
はい —— Format をクリックすると、ソースを一貫したスペースで再インデントできます。専用のツールについては HTML フォーマッター をご覧ください。