HTMLファイルをスマホで開く方法：iPhone・Android・LINEで届いたときの対処

**結論：**スマホには .html ファイルを「Webページとして」開く標準アプリがありません。自分で確認するだけなら、iPhoneは「ファイル」アプリ、Androidはファイルマネージャーからブラウザで開く方法があります。ただし画像やスクリプトが表示されないことが多く、ほかの人に見てもらうなら、HTMLをURLにしてリンクを送るのがいちばん確実です。

なぜスマホではHTMLファイルがうまく開けないのか

パソコンでは .html ファイルをダブルクリックすると、ブラウザが開いてページが表示されます。OSが「.htmlはブラウザで開く」と覚えているからです。

スマホにはこの仕組みがほとんどありません。

• iPhone：ファイルを開くとプレビュー（クイックルック）で表示されます。シンプルなページなら見た目どおりに出ることもありますが、JavaScriptが動かない、外部の画像やCSSが読み込まれない、といったことがよくあります。
• Android：機種によって、「このファイルを開けるアプリがありません」と出たり、テキストエディタでソースコードが開いたりします。Chromeは、ダウンロードしたファイルをそのまま開けないことがあります。
• LINE・メールの添付：アプリはHTMLを「ファイル」として扱います。トークに表示されるのはファイルのカードだけで、タップすると保存や「ほかのアプリで開く」を求められます。

つまり問題はファイルの中身ではなく、ファイルのまま渡していることです。

自分のスマホで確認するだけなら

iPhoneの場合

1. ファイルを「ファイル」アプリに保存します（LINEなら、ファイルを開いて共有ボタン →「"ファイル"に保存」）。
2. 「ファイル」アプリでタップすると、プレビューで表示されます。
3. 表示が崩れる場合は、共有ボタンから別のアプリで開ける場合もありますが、Safariで直接開く手段は限られています。

Androidの場合

1. ファイルを端末に保存します（LINEなら、ファイルを開いて「保存」）。
2. ファイルマネージャーでタップし、「アプリで開く」にChromeやHTMLビューアーが出ればそれを選びます。
3. 出てこない場合や、ソースコードが表示される場合は、端末側の設定ではどうにもならないことが多いです。

どちらも「自分で中身を確かめる」には使えますが、相手に同じ手順を頼むのはおすすめしません。手順が多いうえ、結果が端末ごとに違うからです。

ほかの人にスマホで見てもらうなら：URLにして送る

相手が開くのが「ファイル」ではなく「リンク」なら、話は簡単です。リンクはスマホのブラウザで開くので、iPhoneでもAndroidでも、LINEの中からでも同じページが表示されます。

dochostを使う場合の手順です。

1. dochostを開き、.html ファイルをアップロードするか、HTMLを貼り付けます。アカウント登録は不要です。スマホからでも、「ファイル」アプリやファイルマネージャーから選べます。
2. プレビューで、日本語の表示、画像、ボタンの動きを確認します。
3. 「リンクを作る」を押し、共有リンクをコピーします。
4. LINEやメールに貼って送ります。まず自分の「Keepメモ」に送って、スマホで開けるか確かめると安心です。

無料プランのリンクは公開7日間・非公開3日間有効で、1ページ1 MBまでです。期限前に延長することも、有料プランで無期限にすることもできます。詳しい比較はHTMLを無料で公開する方法にまとめています。

スマホで表示を崩さないためのチェックリスト

URLにする前に、HTMLを次の点だけ確認しておくと、スマホでの見え方がぐっと安定します。

• <meta name="viewport" content="width=device-width, initial-scale=1"> がある：これがないと、スマホでパソコン用の幅のまま縮小表示されます。
• <meta charset="utf-8"> がある：日本語の文字化けを防ぎます。
• 画像は公開URLか埋め込み：images/photo.jpg のような相対パスは、ファイルの外にある画像を指しています。URLにしても画像は一緒に上がりません。
• CSSとJavaScriptはファイルの中：style.css や app.js を別ファイルにしていると、HTMLだけでは読み込まれません。
• 横に長い表は横スクロールに：表を <div style="overflow-x:auto"> で囲むと、スマホでも読めます。

ChatGPTやClaudeに作ってもらったHTMLなら、「スマホ対応で、CSSとJavaScriptも含めて1つのHTMLファイルにまとめて」と頼むと、ほぼこの条件を満たしたものが返ってきます。

よくある質問

LINEで送られてきたHTMLファイルが開けません。送り主に何と頼めばいいですか？

「ファイルではなくリンクで送ってほしい」と伝えるのがいちばん早いです。送り主がHTMLをURLにする方法は、HTMLファイルを他の人に送る方法で説明しています。

iPhoneのプレビューでは表示されるのに、ボタンが動きません。

プレビューではJavaScriptが動かないことがあります。ファイルが壊れているわけではありません。ブラウザで開くと動きます。URLにすれば、Safariでそのまま確認できます。

会社のスマホでファイルを保存できません。

管理された端末では、ファイルの保存やほかのアプリで開くことが制限されている場合があります。その場合もリンクならブラウザで開けることが多いので、送り主にURLで送ってもらってください。

URLにしたページは誰でも見られますか？

リンクを知っている人は誰でも開けます。dochostの「非公開」は「みつける」に表示されないだけで、パスワード保護ではありません。個人情報が入ったページは公開前に削除するか、有料プランのパスワード保護を使ってください。