HTMLビューア

HTML ビューアは、ブラウザで HTML コードをリアルタイムにレンダリングしてプレビューできるオンライン ツールです。これは、ローカル ファイルを作成せずに、レイアウトのテスト、マークアップの検証、さまざまな画面サイズでページがどのように表示されるかを確認するのに役立ちます。

はい！ 「URL」モードに切り替えて、任意の Web アドレスを入力できます。このツールはページの HTML をロードし、プレビュー領域にレンダリングします。これは、他のサイトのコードを研究したり、さまざまなデバイスでページがどのように表示されるかをテストしたりする場合に役立ちます。

ビューアには、モバイル (幅 375 ピクセル、スマートフォンをシミュレート)、タブレット (768 ピクセル、タブレットをシミュレート)、デスクトップ (全幅) の 3 つの画面モードが用意されています。これにより、ブラウザ ウィンドウのサイズを手動で変更しなくても、HTML の応答性をテストできます。

いいえ。HTML コードを貼り付けると、すべてのレンダリングは iframe を使用してブラウザーでローカルに行われます。 「URL」モードを使用して外部ページをロードする場合にのみ、ブラウザーの CORS 制限を回避するためにサーバー リクエストが行われます。

はい！ CSS の <style> タグと <link> タグ、および JavaScript の <script> タグを含めることができます。ビューアは完全な HTML をレンダリングします。セキュリティ上の理由から、iframe ではサンドボックスが有効になっているため、一部の高度な JavaScript 機能が制限される可能性があることに注意してください。

HTML ビューアは、簡単なテストやさまざまな幅でのレイアウトのプレビューに最適ですが、実際のブラウザでの完全なテストに代わるものではありません。実稼働テストの場合は、常に複数のブラウザーと物理デバイスで検証してください。