HTML To Link のオンラインHTMLビューアは無料で、登録もいりません。HTMLファイルを持っていて、ソースではなく描画されたページを見たいときに使います。コードを貼るか .html を1つアップロードし、ブラウザで CSS と JavaScript を確認できます。見た目がよければ、同じ HTML を共有リンクとして公開できます。
パソコンでもスマホのブラウザでも開けます。インストールもログインも不要です。
エディタに HTML を貼るか、.html または .htm を1つ選びます。読み込まれるのは、そのファイルのテキストだけです。
右側に出るのは色分けされたソースではなく、描画されたページです。ソースを直すとプレビューも追従します。
プレビューは公開URLではありません。ほかの人に開いてほしいときは「このページをリンクとして公開」を使います。
プレビューはサンドボックス内のページです。ファイル内の style は適用され、script は実行されます。フォームはそのフレームの中で送信できます。https から始まる画像、スタイルシート、スクリプトは、ブラウザがそのURLへ到達できるときだけ読み込まれます。
パソコン上で HTML の隣にあるファイルは一緒に読み込まれません。index.html だけを上げても、隣の style.css や photo.jpg は出てきません。フォルダではなく、1ファイルだけを見るツールだからです。それらのファイルが必要なら、CSS とスクリプトを HTML の中に書くか、data URL にするか、フォルダごとホスティングへ移してください。
HTMLテスターを探している場合も、欲しいのはこのマークアップがどんなページになるかであることがほとんどです。オンラインHTMLビューアは同じ画面でそれをします。エディタ、教材、AIのチャットから貼り付け、レイアウトとスタイルとスクリプトを確認してから渡してください。
実験室ではありません。端末を並べた検証も、通信速度の制限も、点数もありません。プレビューが意図どおりなら、共有して問題ありません。相対パスの画像が出ないのは、上に書いた1ファイルの制限です。
ビューアが答えるのは、この HTML がどう見えるかです。先にサーバーへ保存する必要はなく、タブを閉じても公開アドレスは残りません。
ホスティングが答えるのは、相手がこちらのパソコンなしで開く場所はどこかです。無料のHTMLホスティングなら、ファイル、フォルダ、ZIP を HTTPS のリンクにできます。編集中はビューアのままにして、クラスメートや顧客、同僚に渡すときにホスティングへ移ってください。
.html または .htm をここにアップロードするか、ソースをエディタに貼ってください。プレビューに描画結果が出ます。手元のファイルをダブルクリックして、自分のブラウザで開くこともできます。このページは、エディタを入れずに確認したいとき向けです。
このオンラインHTMLビューアを開き、コードを貼るかファイルをアップロードしてプレビューを見ます。無料で、登録も不要です。ほかの人にもオンラインで見せるなら、ファイルを送らず、ページをリンクとして公開してください。
スマホのブラウザでこのページを開き、HTML を貼り付けるか、端末が許せばファイルを選びます。プレビューはそのブラウザで描画されます。あとから開き直すなら、ダウンロードフォルダのファイルより公開リンクのほうが簡単です。
動きます。style タグの CSS は適用され、script タグの JavaScript はサンドボックス内で実行されます。公開された https の素材は、ネットワークが到達できるときに読み込まれます。styles.css のような相対パスは、隣のファイルがアップロードされていないので読み込まれません。
使えます。マークアップ、CSS、JavaScript が意図どおり描画されるかを素早く確認する HTML テスターです。性能、アクセシビリティ、ほかのブラウザとの差は見ません。
プレビューは無料で、アカウントは要りません。ゲストとしてページを公開する場合も、登録なしでできます。その公開リンクを残して、あとから更新したいときだけログインしてください。