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

スマホがそのファイルを開けない理由

モバイルブラウザはもともとローカルファイルを開くようには作られていません。そもそもファイルを辿って開く手段がないことが多く、ファイルマネージャーから渡された場合でも、ページは file:// で読み込まれます。この状態ではクロスオリジンの制約が外部リソースを遮断し、JavaScript の一部はそのまま動きません。その結果、真っ白な画面、スタイルの当たっていない文字列、あるいは何かをダウンロードするよう促されて結局どこにも進まない、という状態になります。ファイルをリンクとして公開すれば、これらをまとめて回避できます。スマホに頼むことが「普通の Web ページを開く」ことになり、それはどのモバイルブラウザも得意とする唯一のことだからです。

よくある質問

スマホで HTML ファイルを開くにはどうすればいいですか?

現実的な方法は、それをファイルとして扱うのをやめることです。ここにドロップしてリンクを取得し、そのリンクを開いてください — iOS でも Android でも、普通の Web ページと同じように表示されます。

スマホで開くと真っ白、またはスタイルが崩れるのはなぜ?

file:// で読み込まれているためです。この状態ではブラウザが外部スタイルシート、フォント、ネットワークリクエストなどページに必要なものの多くを遮断します。https で配信されれば、これらはすべて再び動きます。

スマホだけで完結できますか?

できます。ダウンロードしたファイルや保存したメールの添付など、ファイルがすでにスマホの中にあれば、ここで選んでそのまま公開できます。パソコンは必要ありません。

iPhone と Android の両方で動きますか?

両方で動きます。公開後はただの https ページなので、Safari、Chrome、Samsung Internet など、どのブラウザでも同じように開けます。

HTML ファイルが zip の中にある場合は?

まず解凍して .html を選んでください。スマホは zip を保存することはできますが、その中からページを配信することはできません。

リンクを他の人に送れますか?

それこそリンクを作る一番の理由です。リンクはどの端末でも開けるので、送った相手が誰であっても使えます。相手側にアプリもダウンロードも必要ありません。

パソコンでは問題の形が違います — ダブルクリックで開けない理由を見る。