無料・登録不要・アップロード不要

HTML ビューアー:.html ファイルをスマホでもパソコンでも表示

.html ファイルを選ぶかコードを貼り付けるだけで、CSS と JavaScript が動くページを表示します。スマホでもパソコンでも使え、開くだけならファイルはサーバーに届きません。「アップロードしてリンクをつくる」を押せば、登録なしで 3分間 有効なリンクもつくれます。

.html か .htm、2 MB まで。ブラウザの中だけで開き、サーバーには届きません。

端末ごとの開き方

iPhone・iPad

ダウンロードしたファイルは「ファイル」アプリの「ダウンロード」に入ります。メールの添付ファイルは、長押しして「“ファイル”に保存」を選ぶと「ファイル」アプリに入ります。Safari でこのページを開き、「HTML ファイルを選ぶ」からファイルを選んでください。コードを貼るなら「コードから」タブに貼り付けて「ページを表示する」を押します。人から届いたファイルを選ぶときは、心当たりのないファイルは開かずに送った人に確かめてください。気になるファイルは選ぶ前に「スクリプトを動かす」のチェックを外します。

Android

Chrome でこのページを開き、「HTML ファイルを選ぶ」から「ダウンロード」などのフォルダにあるファイルを選びます。「コードから」タブにコードを貼り付けて「ページを表示する」を押す方法もあります。ファイル管理アプリから直接 .html ファイルを開くと、どのアプリで開くかはスマホしだいなので見え方が変わります。人から届いたファイルを選ぶときは、心当たりのないファイルは開かずに送った人に確かめてください。気になるファイルは選ぶ前に「スクリプトを動かす」のチェックを外します。

パソコン(Mac・Windows)

ファイルを枠にドラッグするか、「HTML ファイルを選ぶ」から選びます。チャットのコードを貼るなら「コードから」タブに貼り付けて「ページを表示する」を押してください。「スマホ」を押すとスマホの画面幅での見え方がわかります。ファイルをダブルクリックしてもブラウザで開けますが、見られるのはそのパソコンだけです。Chromebook は Chrome で Ctrl + O を押すと「ブラウザ内でファイルを開く」から選べます(ファイルは「ダウンロード」にあります)。ただし Google の「Chromebook で使用できるファイル形式」に .html は載っておらず、学校や職場の制限で開けないときは管理者に聞いてください。人から届いたファイルを選ぶときは、心当たりのないファイルは開かずに送った人に確かめてください。気になるファイルは選ぶ前に「スクリプトを動かす」のチェックを外します。

スマホで .html ファイルがうまく開けない理由

iOS 26.3 で試したところ、「ファイル」アプリで .html ファイルをタップすると Safari ではなくプレビューが開き、JavaScript が動かず、ネットから読み込む画像、フォント、Tailwind も読み込まれませんでした。プレビューに出るのは文字とファイル内の CSS までです。Apple の iPad シミュレーター(iPadOS 26.3)で試したところでも、「このアプリで開く」に開けるアプリが出ず、選べたのは「クイックルックでプレビュー」だけでした。そこでも JavaScript、Web フォント、ネットの画像は動きません。Apple のヘルプによると、つくったアプリがないファイルはクイックルックのプレビューで開きます。Android も、開くアプリは端末しだいです。このビューアーならスマホのブラウザで動くため、JavaScript もネットの画像やフォントも読み込まれます。

つくった教材やゲーム、案内を人にスマホで見てもらいたいとき HTML ファイルをリンクで共有する方法

iPad と Chromebook で開く・見せる

iPad の場合

Apple の iPad シミュレーター(iPadOS 26.3)で試したところ、「このアプリで開く」に .html ファイルを開けるアプリが出ず、選べたのは「クイックルックでプレビュー」だけでした。プレビューでは JavaScript が動かず、Web フォントもネット上の画像も読み込まれません。ダウンロードしたファイルは「ファイル」アプリの「ダウンロード」に入ります。メールの添付ファイルは、長押しして「“ファイル”に保存」を選ぶと「ファイル」アプリに入ります。Safari でこのビューアーを開き、「HTML ファイルを選ぶ」から選ぶと、スクリプトが動き、Web フォントと画像も読み込まれます。心当たりのないファイルは開かずに送った人に確かめてください。気になるファイルは選ぶ前に「スクリプトを動かす」のチェックを外します。

Chromebook で開く

Google のショートカットの一覧では、Ctrl + O が「ブラウザ内でファイルを開く」です。Chrome で押してファイルを選びます。保存先を変えていなければ「ダウンロード」フォルダにあります。見られるのはその Chromebook の画面でだけです。Google の「Chromebook で使用できるファイル形式」の一覧には .html が載っていません。学校や職場の Chromebook では、ファイルによっては使えないことがあり、そのときは管理者に聞くよう書かれています。このページでは、「HTML ファイルを選ぶ」から読み込むか、「コードから」に貼り付けて「ページを表示する」を押します。心当たりのないファイルは開かずに送った人に確かめてください。気になるファイルは選ぶ前に「スクリプトを動かす」のチェックを外します。

iPad や Chromebook の人に見せる

.html ファイルのまま送ると、相手が iPad の「ファイル」アプリでタップしたときも同じプレビューになり、スクリプトは動きません。相手に見せるときはリンクを送ります。ページの上にある「アップロードしてリンクをつくる」を押し、Free プランでページを受け取って公開すると、スクリプトが動き、取り下げるまで変わらないアドレスになります。iPad でも Chromebook でもスマホでもブラウザで開けるので、授業なら生徒全員に同じリンクを配れます。

画像やリンクが表示されない理由

ビューアーが読み込むのは、.html ファイル 1 つだけです。hero.png のような書き方は端末の同じフォルダを探すため、画像は壊れた表示になります。読み込めなかったファイルは、ページの下に一覧で出ます。画像は https:// から始まる URL で指定してください。about.html のような、サイトのほかのページへのリンクも同じ理由でどこにもつながりません。新しいタブで開くリンクも、ここでは動きません。

3分間 有効なリンクで共有する

ビューアーで見られるのは自分の画面だけです。ページの上にある「アップロードしてリンクをつくる」を押すと、Convika にアップロードされ、登録なしで 3分間 有効な非公開のリンクができます。同じ回線からは 1 日 10 ページまで。ほかの端末で開いて確かめるには足りる長さです。このリンクではスクリプトとフォームは止まります。人に送るときは、カード登録なしの Free プランでページを受け取って公開してください。スクリプトが動き、取り下げるまで変わらないアドレスになります。

HTML 公開ツールを開く

よくある質問

ファイルはアップロードされますか?

開くだけならアップロードされません。お使いのブラウザが直接読み込んで表示するため、ファイルが Convika のサーバーに届くことはなく、このページが保存することもありません。ページの上にある「アップロードしてリンクをつくる」を押したときだけ送信されます。なお、ページ内の画像やフォント、外部スクリプトは、ふつうの Web ページと同じように読み込まれます。

ChatGPT や Copilot で作った HTML をプレビューするには?

AI が出力したコードをコピーし、「コードから」タブに貼り付けて「ページを表示する」を押します。.html ファイルで保存してあるときは、「HTML ファイルを選ぶ」から選んでください。表示するだけなら Convika に送信されず、保存もされません。社内向けの案内や資料も手元で安心して確認できます。

ChatGPT・Claude・Gemini が出した HTML コードを動かす・表示する方法

JavaScript は動きますか?

動きます。止めたいときは、表示の上にある「スクリプトを動かす」のチェックを外してください。ページは convika.com から切り離した枠(サンドボックス)の中で動きます。Cookie や保存データを読み取られることはなく、このページを書き換えられたり、別のサイトへ勝手に移動させられたりすることもありません。新しいウィンドウや警告ダイアログも開きません。知らない人から届いたファイルを開くときは、選ぶ前に「スクリプトを動かす」のチェックを外してください。

画像が表示されないのはなぜですか?

「hero.png」や「images/logo.svg」のように、自分の端末の中にあるファイルを指定しているためです。このビューアーが読み込むのは .html ファイルだけです。画像を表示させたいときは、https:// から始まるネット上の URL を書くか、HTML コードの中に直接画像を埋め込んでください。埋め込んだ画像も 2 MB の上限に含まれます。見つからないファイルは、ページの下に一覧で表示されます。

HTML ファイルを開いたら文字化けする・画像が出ない。スマホでもパソコンでも直す方法

iPhone で HTML ファイルを開くには?

ファイルを「ファイル」アプリに保存してから Safari でこのページを開き、「HTML ファイルを選ぶ」を押します。JavaScript も Web フォントも、ネット上の画像も動きます。「ファイル」アプリでそのままタップするとプレビューが開きますが、iOS 26.3 で試したところ、JavaScript は動かず、ネットからも何も読み込みませんでした。

iPad で HTML ファイルが開けないのはなぜですか?

「ファイル」アプリでタップすると、Safari ではなく「クイックルックでプレビュー」で開いてしまうためです。Apple の iPad シミュレーター(iPadOS 26.3)で試したところ、「このアプリで開く」に使えるアプリがなく、プレビューでは JavaScript が動かずネットからも何も読み込みませんでした。Safari でこのページを開き、「HTML ファイルを選ぶ」から指定すれば、スクリプトも Web フォントも画像も表示されます。心当たりのないファイルは開かずに送った人に確かめてください。気になるファイルは選ぶ前に「スクリプトを動かす」のチェックを外します。

iPad の Safari で HTML ファイルを開くには?

Safari でこのページを開いて「HTML ファイルを選ぶ」を押し、「ファイル」アプリの「ダウンロード」などから選んでください。JavaScript も Web フォントも画像もそのまま動きます。メールに添付されているときは、先に長押しして「“ファイル”に保存」を選びます。「ファイル」アプリでタップしただけでは「クイックルックでプレビュー」になってしまいます。心当たりのないファイルは開かずに送った人に確かめてください。気になるファイルは選ぶ前に「スクリプトを動かす」のチェックを外します。

Android で HTML ファイルを開くには?

Chrome でこのページを開き、「HTML ファイルを選ぶ」を押します。「ダウンロード」などのフォルダからファイルを選ぶだけで、CSS も JavaScript も動いた状態で表示されます。

Android で HTML ファイルが開けない。コードだけ出るときの対処と、相手にリンクで送る方法

Google ドライブにある HTML ファイルを開くには?

Google ドライブから端末にダウンロードして保存し、このページの「HTML ファイルを選ぶ」から開きます。CSS も JavaScript も動きます。開くだけなら Convika には送られません。心当たりのないファイルは開かずに送った人に確かめてください。気になるファイルは選ぶ前に「スクリプトを動かす」のチェックを外します。なお、ドライブの共有リンクで相手に届くのはファイルそのもので、Web ページではありません。人に見せるなら、ページを公開してアドレスを送ってください。

Google ドライブの HTML ファイルを、ページとして表示・共有する方法

HTML ファイルをリンクで共有するには?

ページの上にある「アップロードしてリンクをつくる」を押してください。登録なしで 3分間 有効な非公開リンクを発行できます。同じ回線からは 1 日 10 ページまで作れます。このリンクでは、スクリプトとフォームは動きません。教材のクイズやゲームなど、動かしたいページを人に送るときは、Free プランで受け取って公開してください。スクリプトが動き、取り下げるまで変わらないアドレスになります。

HTML コードを編集できますか?

編集できます。ページの下にある「コードを編集する」を押し、枠の中で書き換えてから「ページを表示する」を押してください。手元にある元のファイルは書き換わりません。直した内容を残したいときは、コードをファイルにコピーし直すか、編集後のページからリンクを作成してください。