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 が開けないとき

どの場合も、受け取った人が手順をたどるより、送った人にリンクで送り直してもらうほうが確実です。

ChatGPT のコードをスマホでページとして見る

ChatGPT や Gemini の答えにコードが出てきたときは、ファイルにしなくても見られます。コードの右上のコピーで全体をコピーし、Chrome で HTML ビューアー を開いて「コードから」に貼り付け、「ページを表示する」を押します。<!DOCTYPE html> から </html> まで、まとめてコピーしてください。

そのページを人にも見せたいなら、このページの ボックス で「コードから」に切り替えて貼り付けます。スマホだけで公開までする流れは、スマホだけで、ChatGPT が作ったホームページを公開する にまとめています。

送る側ができること:リンクにして送る

リンクなら、相手は Android でも iPhone でも、タップするだけでブラウザでページが開きます。アプリを選ぶ画面も、保存も、ビューアーもいりません。

  1. ページ冒頭のボックス に HTML ファイルを入れるか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。アカウントもメールアドレスもいりません。
  2. 「プレビューができました」と出たら「プレビューを開く」で見た目を確かめます。このプレビューを開けるのは 3 分間 だけで、スクリプトとフォームは止めて表示します。
  3. 「このページを受け取る(無料・カード不要)」から登録すると、ページがアカウントに入り、スクリプトも動くようになります。
  4. 管理画面で「公開する」を押します。はじめての公開では「公開プランを選ぶ」画面で、無料で公開するか、Pro 1年パス(¥4,400・1 回払いで 365 日間、自動更新なし)か、Pro 月額プラン(最初の 7 日間は無料、カードの登録が必要)かを選びます。無料で公開したページは、下に Convika のバナーが出ます。
  5. 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 ができます。

出典

次のステップ

HTML ページにパスワードをかけて、知っている人だけに見せる方法

JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。

関連記事

人に渡す方法

記事を共有する

Android の人にも、ファイルではなくリンクを送る

HTML ファイルかコードを入れて公開すれば、相手はアプリを選ばずに、タップするだけでページを開けます。

スマホで開けるリンクをつくる

Free プラン: カード登録なし、公開 1 ページまで、月 10,000 ビューまで