Android で HTML ファイルが開けない。コードだけ出るときの対処と、相手にリンクで送る方法
要約
Convika が Android 16 のエミュレーターで .html ファイルをタップすると、「アプリで開く」の画面が出ました。Chrome を選ぶとボタンも Web フォントも動き、「HTMLビューア」を選ぶと JavaScript もネットの画像も動かず、文字とファイルの中の CSS だけが出ました。いま開くなら Chrome を選びます。人に見せるなら、ファイルではなくリンクで送るのが確実です。HTML をこのページのボックスに入れて公開すると、タップするだけで開ける URL になります。
Free プラン: カード登録なし、公開 1 ページまで、月 10,000 ビューまで
目次
「AI でクイズを作ったから見て」と、LINE やメールで HTML ファイルが届いた。Android でタップすると、アプリを選べと言われるか、出てきたのは飾りのない文字とボタンだけ。押しても何も起きません。
ファイルが壊れているとは限りません。どのアプリで開いたかで、見え方が変わります。このガイドでは、受け取った側がいまページとして開く方法と、送った側がリンクにして送り直す方法を順に説明します。試したのは 2026 年 10 月 21 日、Google の Android 16 のエミュレーター(Chrome 133)です。スマホのメーカーや機種によって、ファイルのアプリも選べるアプリも変わります。iPhone で受け取ったときは iPhone で HTML ファイルを開く方法 を、Chromebook なら Chromebook で HTML ファイルを開く方法 を見てください。
Android で HTML ファイルを開くとどうなる
Android 16 のエミュレーターを日本語の表示にして、Download フォルダに置いた .html ファイルを「ファイル」アプリでタップすると、「アプリで開く」の画面が出て、Chrome と「HTMLビューア」の 2 つが並びました。下には「1 回のみ」と「常時」のボタンがあります。「HTMLビューア」は Android に入っているアプリで、Convika の HTML ビューアー とは別のものです。
一度 Chrome で開いたあとにもう一度タップすると、画面は「Chromeで開く」に変わり、その下に「1 回のみ」「常時」と、ほかのアプリを選ぶための「別のアプリを使用」が出ました。
選んだアプリで、見え方ははっきり分かれました。試したファイルには、ボタン、JavaScript、CDN から読み込む Tailwind、Google Fonts、https:// の画像を入れてあります。
- Chrome を選んだとき。 JavaScript が動き、ボタンを押すと表示が変わりました。Tailwind の色、Web フォント、ネットの画像も表示されました。アドレス欄には
content://から始まるアドレスが出ます。このアドレスは自分のスマホの中のファイルを指すもので、人に送っても開けません。 - 「HTMLビューア」を選んだとき。 JavaScript は動かず、ボタンを押しても何も起きませんでした。Tailwind、Web フォント、ネットの画像も出ず、残ったのは文字とファイルの中に書いた CSS だけです。
「コードだけ出る」「文字だらけになる」と感じるのは、後者の状態か、メモ帳のようにファイルを文字として読むアプリで開いたときです。「常時」を押すと、そのアプリをいつも使う設定になります。
Android の公式サイトによると、Files by Google は「基本的に Android スマホには初期搭載」されているファイル管理アプリです。エミュレーターに入っていたのは、Android に元からある「ファイル」アプリでした。Files by Google やメーカーのファイルアプリで .html をタップしたときに何が出るかは、確かめていません。
受け取った HTML ファイルを Android の Chrome で開く 4 つの手順
1. ファイルをスマホに保存する
メールの添付やチャットで届いたファイルは、まずスマホに保存します。Chrome でダウンロードしたファイルは、Google の Chrome ヘルプ ファイルをダウンロードする のとおり、Chrome の右上のメニューから「ダウンロード」を開くと一覧で見られます。ヘルプには「デバイスにダウンロードしたすべてのファイルを表示するには、ファイルアプリを開きます」ともあります。
2. ファイルのアプリで .html ファイルをタップする
ファイルのアプリで Download(ダウンロード)のフォルダを開き、.html ファイルをタップします。
3. 開くアプリに Chrome を選ぶ
「アプリで開く」の画面が出たら Chrome を選び、「1 回のみ」を押します。「Chromeで開く」と出たときは、そのまま「1 回のみ」を押します。ボタンもゲームも動くページとして開きます。選ぶ画面が出ずに文字だけのページが開いたなら、前に「常時」でほかのアプリを選んだのかもしれません。そのときは手順 4 のビューアーを使うと早道です。
4. 開けないときは HTML ビューアーで選ぶ
Chrome で無料の HTML ビューアー を開き、「HTML ファイルを選ぶ」から保存したファイルを選びます。コードしかないときは「コードから」に貼り付けて「ページを表示する」を押します。開くだけなら、ファイルは Convika のサーバーに送られません。
心当たりのない人から届いたファイルは、開かずに送った人に確かめてください。少しでも気になるファイルは、選ぶ前に「スクリプトを動かす」のチェックを外します。
Gmail・LINE・Google ドライブで届いた HTML が開けないとき
- Gmail の添付。 Gmail のアプリで .html の添付をタップしたときの動きは、試していません。開けないときは、添付をスマホに保存してから、上の手順でファイルのアプリから Chrome で開きます。
- LINE で届いたとき。 LINE のヘルプは、受け取った HTML ファイルがスマホでどう開くかを書いていません。トークで届くのはファイルで、どのアプリで開くかは相手のスマホしだいです。送り方の違いは HTML ファイルを LINE で送って、相手のスマホでページとして見てもらう方法 で説明しています。
- Google ドライブの共有リンク。 ドライブの共有リンクで届くのはファイルそのもので、Web ページではありません。くわしくは Google ドライブの HTML ファイルをページとして表示・共有する方法 を見てください。
どの場合も、受け取った人が手順をたどるより、送った人にリンクで送り直してもらうほうが確実です。
ChatGPT のコードをスマホでページとして見る
ChatGPT や Gemini の答えにコードが出てきたときは、ファイルにしなくても見られます。コードの右上のコピーで全体をコピーし、Chrome で HTML ビューアー を開いて「コードから」に貼り付け、「ページを表示する」を押します。<!DOCTYPE html> から </html> まで、まとめてコピーしてください。
そのページを人にも見せたいなら、このページの ボックス で「コードから」に切り替えて貼り付けます。スマホだけで公開までする流れは、スマホだけで、ChatGPT が作ったホームページを公開する にまとめています。
送る側ができること:リンクにして送る
リンクなら、相手は Android でも iPhone でも、タップするだけでブラウザでページが開きます。アプリを選ぶ画面も、保存も、ビューアーもいりません。
- ページ冒頭のボックス に HTML ファイルを入れるか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。アカウントもメールアドレスもいりません。
- 「プレビューができました」と出たら「プレビューを開く」で見た目を確かめます。このプレビューを開けるのは 3 分間 だけで、スクリプトとフォームは止めて表示します。
- 「このページを受け取る(無料・カード不要)」から登録すると、ページがアカウントに入り、スクリプトも動くようになります。
- 管理画面で「公開する」を押します。はじめての公開では「公開プランを選ぶ」画面で、無料で公開するか、Pro 1年パス(¥4,400・1 回払いで 365 日間、自動更新なし)か、Pro 月額プラン(最初の 7 日間は無料、カードの登録が必要)かを選びます。無料で公開したページは、下に Convika のバナーが出ます。
yourpage.convika.pageのような公開した URL を、LINE のトークやメールの本文に貼って送ります。
あとで直したくなっても、管理画面の「新しいバージョンのアップロード」で入れ替えれば URL は変わりません。手順は AI で作ったページを後から直したい。URL も QR コードもそのままで差し替える方法 で説明しています。決まった人だけに見せたいときは、ページにパスワードをかけられます。パスワードは Pro と 1年パスの機能です。Free プランは公開 1 ページまで、月 10,000 ビューまでで、ほかのプランは 料金ページ にまとめています。ほかの無料の公開先とくらべたいときは、HTML ファイルを無料で公開できるサイトは? を見てください。
Chrome でも動かないときの原因
- CSS や画像を別のファイルに分けている。
style.cssやphoto.pngを指す書き方は、HTML ファイルの隣にあるファイルを探します。届いたのが HTML ファイルだけなら、隣のファイルはありません。ビューアーは、読み込めなかったファイルの名前をページの下に一覧で出します。作った AI に「CSS を中に入れて、画像は https:// から始まる URL にした、1 つの HTML ファイルにして」と頼んでください。 - ファイルが大きすぎる。 ビューアーも Convika のボックスも、受け付けるのは 2 MB までです。画像をコードの中に埋め込むと、ここまで大きくなることがあります。
- ほかのサービスからデータを読み込んでいる。 Convika で公開したページのスクリプトは、
https://の CDN から読み込むものなら動きます。一方、ページの中からほかのサイトにデータを取りに行く処理(fetch)は、公開したページと同じアドレスにしか届きません。天気や為替をほかのサービスから取ってくる部分は動きません。
開き方のくらべ
| 開き方 | 入れるアプリ | ボタンやゲーム(JavaScript) | ネットの画像・フォント | 送る側の手間 |
|---|---|---|---|---|
| ファイルのアプリから「HTMLビューア」で開く | いらない(エミュレーターに入っていた) | 動かない(Android 16 のエミュレーターで確認) | 読み込まない | なし |
| ファイルのアプリから Chrome で開く | Chrome | 動く(同じエミュレーターで確認) | 読み込む | なし |
| Files by Google やメーカーのファイルアプリで開く | 機種による | 未確認 | 未確認 | なし |
| HTML ビューアーでファイルを選ぶ・コードを貼る | いらない(Chrome で開く) | 動く | 読み込む | ファイルかコードを送る |
| リンクで受け取る(Convika で公開) | いらない | 動く | 読み込む | 公開して URL を送る |
受け取った人がいちばん迷わないのは、リンクで受け取ることです。相手がどのスマホでも、開き方は「タップする」だけになります。
よくある質問
Android で html ファイルを開くには?
ファイルのアプリで .html ファイルをタップし、開くアプリに Chrome を選びます。Android 16 のエミュレーターで試したところ、Chrome ならボタンも Web フォントも動きました。「HTMLビューア」を選ぶと JavaScript は動きません。選ぶ画面が出ないときは、Chrome で HTML ビューアー を開き、「HTML ファイルを選ぶ」から選びます。
html ファイルがコード表示になる
HTML をページではなく文字として扱うアプリで開いているためです。HTML ファイルは、ブラウザが読んで初めてページになります。開くアプリに Chrome を選ぶか、Chrome で HTML ビューアーを開いて「コードから」に貼り付け、「ページを表示する」を押してください。
Chrome で html ファイルを開くには?
ファイルのアプリでファイルをタップし、「アプリで開く」の画面で Chrome を選んで「1 回のみ」を押します。Android 16 のエミュレーターでは、content:// から始まるアドレスでページが開き、JavaScript も動きました。このアドレスは自分のスマホの中を指すので、人には送れません。人に見せるなら、ページを公開して URL を送ります。
LINE で受け取った html が開けない
LINE で届くのはファイルで、どのアプリで開くかは相手のスマホしだいです。LINE のヘルプには、HTML ファイルがスマホでどう開くかは書かれていません。いちばん確実なのは、送った人にページを公開した URL をトークに貼ってもらうことです。URL なら、タップするだけでブラウザで開きます。
スマホで ChatGPT の作ったページを見るには?
答えのコードをまとめてコピーし、Chrome で HTML ビューアー を開いて「コードから」に貼り付け、「ページを表示する」を押します。開くだけなら Convika には送られません。人にも見せるなら、このページのボックスで「コードから」に貼り付けてプレビューを作り、無料で受け取って公開すると URL ができます。
出典
- ファイルをダウンロードする - Android(Google Chrome ヘルプ) (2026 年 10 月 21 日に確認)
- Android の Files by Google(Files アプリ)とは?(Android 公式サイト) (2026 年 10 月 21 日に確認)
次のステップ
HTML ページにパスワードをかけて、知っている人だけに見せる方法
JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。
関連記事
- iPhone で HTML ファイルを受け取ったら文字だらけ。開く方法と、相手にリンクで送る方法iPhone の「ファイル」アプリで HTML ファイルをタップすると、開くのはブラウザではなくプレビューで、iOS 26.3 のシミュレーターで試した結果ではボタンもゲームも動きませんでした。いま手元のファイルをページとして開く方法と、送る側がリンクにして送り直す手順を説明します。
- スマホだけで、ChatGPT が作ったホームページを公開する(ファイルがなくてもできる)パソコンがなくても、ChatGPTのチャットに出たHTMLのコードをスマホでコピーして貼り付ければ、ページのリンクにできます。貼り付けから公開、LINEで送るまでの手順と、うまく表示されないときの直し方をまとめました。
- HTML ファイルを LINE で送って、相手のスマホでページとして見てもらう方法LINE で HTML ファイルを送ると相手のスマホしだいで開けないため、ファイルではなく URL を送ります。ChatGPT や Claude で作った HTML を URL に変えて、トークに貼るだけで見てもらう手順を説明します。
- HTML ファイルを、どのスマホでも開けるリンクで共有する方法HTML ファイルをメールや LINE で送ると、届くのはページではなくファイルです。ChatGPT や Claude で作った HTML をアップロードし、どのスマホでもタップで開けるリンクにする方法を、登録なしの手順から説明します。
- AI で作ったページを後から直したい。URL も QR コードもそのままで差し替える方法公開して配ったあとに誤字や日付の間違いが見つかったら。ChatGPT や Claude に直した HTML をもらい、Convika の「新しいバージョンのアップロード」で入れ替えると、配ったリンクも印刷した QR コードも、そのまま新しい内容を開きます。
- HTML ファイルを無料で公開できるサイトは? アカウントの要・不要、期限、上限で選ぶAI で作った HTML ファイルを、今日 URL にしたい人へ。Netlify Drop、Cloudflare Drop、GitHub Pages、Tiiny Host、Convika の無料の範囲を、各社のヘルプで確かめて、アカウント、リンクの期限、独自ドメイン、人が増えたときの上限でくらべます。