HTML をドロップ。リンクができる。

ダブルクリックだと表示が崩れる理由

HTML ファイルをダブルクリックすると file:// で開かれますが、これは https:// 上の本物のページとは別物です。その環境では多くのものが静かに壊れます。外部リソースの読み込みはクロスオリジン制限に引っかかり、fetch や一部の JavaScript はそのまま失敗し、相対パスで指定したフォントや画像は見つからなくなりがちです。スマホはさらに厳しく、ほとんどのモバイルブラウザはローカルファイルを開くことすらできません。リンクとして公開するというのは、そのページを本来書かれたはずの環境に戻してあげる、ただそれだけのことです。

よくある質問

ローカルの HTML ファイルをオンラインでプレビューするには?

.html ファイルをこのページにドロップすれば、すぐに https のリンクが手に入ります。本物の Web ページと同じようにレンダリングされます — ダブルクリックでは得られない表示です。

ダブルクリックするとスタイルが崩れるのはなぜ?

ダブルクリックでは file:// プロトコルが使われ、ブラウザは https よりはるかに強く制限をかけます。外部スタイルシート、フォント、ネットワークリクエストがいずれもブロックされうるため、期待どおりの見た目になりません。

スマホでローカルの HTML ファイルを見られますか?

直接はたいてい無理です。ほとんどのモバイルブラウザはローカルファイルを開けません。リンクにしてしまえば、ほかの Web ページと同じようにスマホで開けます。

AI が生成した HTML でも使えますか?

はい。むしろ最もよくある用途のひとつです。AI が出力する単一ファイルの HTML はたいていスタイルを自前で抱えているので、ドロップした瞬間に完全な形で表示されます。そのまま他の人に渡すのも簡単です。

ファイルはサーバーにアップロードされますか?

ファイルの処理はブラウザ内で行われ、配信されるのは公開されたページだけです。アカウントなしで作ったリンクは 7 日で期限切れになります。ログインすれば期限なく保存でき、いつでも削除できます。

どのくらいのサイズのファイルまで使えますか?

単一ファイルの HTML であればおおむね問題ありません。同じフォルダ内の別ファイル(独立した CSS や画像)に依存しているページなら、先に 1 つの HTML にインライン化してください。

誰かに送りたいだけなら HTML を URL に — 同じ仕組みを、共有の観点でまとめたページです。