iPhone で HTML ファイルを開く方法：完全ガイド

方法 1 — 「ファイル」アプリでのクイックルック

「ファイル」で .html ファイルをタップすると、iOS がプレビューを表示します。CSS がすべてインラインでスクリプトのない、完全に自己完結したページなら、内容を読むにはこれで十分なこともあります。

• 外部スタイルシートは無視されるため、たいていの実用的なページはレイアウトを失います。
• JavaScript は実行されないので、インタラクティブなページは固まったか空のように見えます。
• リンクされたファイル（画像や他のページ）は解決されません。

結論：簡単なテキストをちらりと見るには十分ですが、スタイルの付いたものには誤解を招きます。ここで整形されていないテキストに見えるなら、問題はファイルではなくプレビューの側です。詳しくは iOS のプレビューで HTML が崩れる理由をご覧ください。

方法 2 — Safari

Safari は HTML を完璧に描画します。ただし URL からの話です。ローカルファイルとなると厄介で、iOS には素材のフォルダごと Safari にファイルを渡す正式な方法がありません。回避策（data URL、ショートカット、一時的なホスティング）はありますが、複数ファイルのページでは破綻しますし、2 タップで済むはずの作業がひとつのプロジェクトになってしまいます。ページがすでにオンラインにあるなら Safari を、ファイルならビューアを使いましょう。

方法 3 — 専用の HTML ビューア

OpenHTML（無料）は、ブラウザと同じように、しかしファイルから HTML を開きます。任意の .html を共有する、HTML のコードを直接貼り付ける、あるいは iCloud Drive のファイルを読み込まずに一度だけ開く、といった使い方ができます。

• スタイルが適用され、ローカルの JavaScript が動きます。ネットワークアクセスは、ページごとに許可するまでオフのままです。
• 複数ファイルのページや ZIP アーカイブは、相対パスが動く完全なプロジェクトとして読み込まれます。ZIP の Web プロジェクトを参照してください。
• ページが正しく表示されないときは、診断が見つからないファイル・ブロックされたリソース・スクリプトのエラーをすべて名指しで挙げます。
• Markdown ファイルもきれいなページとして開き、LaTeX の数式もオフラインで表示されます。Markdown + LaTeXを参照してください。

ファイルに応じた方法の選び方

• 一度読むだけの、自己完結した簡単なページ → 「ファイル」のプレビュー。
• すでに Web 上にあるページ → Safari。
• ChatGPT や Claude が生成したページ → ビューア。スクリプトとスタイルを動かすため。
• 保存した Web ページ、メールで届いたレポート、ZIP のサイト、ファイルが 2 つ以上あるもの全般 → ビューア。

よくある問題と、すぐできる対処

• ページがスタイルのないテキストになる → 外部 CSS が読み込まれていません。スタイルを適用するビューアで開いてください。
• ページが真っ白 → JavaScript が必要なのに、実行を許可されていません。ローカルの JS を有効にできるビューアを使ってください。
• 画像が表示されない → 画像は HTML ファイルの隣にあります。単一のファイルではなく、フォルダか ZIP を読み込んでください。
• 中国語・日本語の文字が化ける → ファイルが UTF-8 ではありません。OpenHTML はレガシーエンコーディング（GB18030、Shift-JIS など）を自動で判別します。
• ページが動的なデータを必要とする → fetch() を使っています。プライベートなローカルサーバー（Pro）で実行すれば、ホスティングされたサイトと同じように動きます。

プライバシーについて

受け取る HTML ファイルは、あなたのデータが入ったレポートであることも少なくありません。OpenHTML はファイルを端末内のプライベートストレージに保存し、アカウントも分析も持たず、あなたが許可するまでページごとにすべてのネットワークアクセスをブロックします。保存したページが、あなたの了解なしに外部へ通信することはありません。