iPhone 上怎么打开 HTML 文件?怎么发送一个对方能直接打开的页面?

简要回答

在 iPhone 的“文件” App 里轻点 .html 文件,它的预览会在“快速查看”中打开。在我们的 iOS 26.3 测试中,这个预览显示了文字和 CSS,但没有运行 JavaScript,也没有从网上加载任何内容。要看到完整的页面,请用 HTML 查看器在 Safari 浏览器中打开这个文件。要发送一个能打开的页面,请发链接,不要发文件。

获取我的 HTML 文件链接

Free 套餐:无需信用卡,可发布 1 个页面。

本页内容

老师用电子邮件发来一份用 ChatGPT 做的测验,朋友在 WhatsApp 上发来一个用 Claude 做的游戏。你在 iPhone 上轻点这个 .html 文件,页面看起来没问题,可按下按钮却毫无反应。这篇指南两头都讲:收到的文件怎么打开才能运行;如果你是发送的一方,怎么发一个轻点一下就能打开的页面。

要发送你自己做的文件?本页顶部的上传框无需账号,就能把它变成预览链接。这个预览不运行脚本,所以测验或游戏在里面不会有反应。点击“保留此页面:免费,无需绑卡”并注册,页面就会移到你的账号中,脚本在那里可以运行,你也可以发布它。

在 iPhone 上轻点 .html 文件会怎样

Apple 的 iPhone 使用手册在介绍“文件” App 时写道:“如果尚未安装创建文件的 App,该文件的预览会在‘快速查看’中打开。”我们用 .html 文件试的时候,看到的正是这样。

我们在 2026年10月6日做了测试,用的是 Apple 的 iPhone 模拟器(Xcode,iPhone 17 Pro)上的 iOS 26.3。我们把 2 个测试页面存到“文件” App,逐个轻点打开。“快速查看”预览:

  • 显示了文字、版式,以及写在文件里的 CSS
  • 没有运行 JavaScript:本该被脚本改写的那一行保持原样,点击计数器一直是 0
  • 没有从网上加载任何内容:https:// 图片、Google Fonts 和来自 CDN 的 Tailwind 全都加载失败,所以用 Tailwind 的页面显示出来完全没有样式

CSS 写在文件里的普通文档,在这个预览里读起来没问题。测验、游戏、图表或带标签页的页面,看起来已经做好了,轻点却毫无反应。我们没有测试实体 iPhone,也没有测试 iOS 27。

Apple 的使用手册还介绍了“打开方式”:在“文件” App 中按住文件,选取“打开方式”,然后选一个 App。列表里有哪些 App,取决于你手机上装了什么。我们没有测试 iPhone 会为 .html 文件列出哪些 App。

用 4 步在 iPhone 上打开 HTML 文件

这些步骤会在 Safari 浏览器中打开文件,脚本在那里会运行。整个过程不上传任何内容。

1. 把文件存到“文件” App

在“邮件”中按住附件,选取“保存到‘文件’”,Apple 的“邮件”使用手册就是这样介绍的。在 WhatsApp、“信息”或其他聊天 App 中,打开文件后用那个 App 的分享按钮把它存到“文件” App。我们没有测试这些 App,所以按钮的名称可能不一样。

2. 在 Safari 浏览器中打开 Convika 的 HTML 查看器

在 Safari 浏览器中打开免费的 HTML 查看器,无需账号。文件由你的浏览器读取,不会传到 Convika 的服务器。不要打开你没想到会收到的文件:先问问发送者。如果你对某个文件不放心,选择它之前先关闭“运行脚本”。这样页面只显示它的 HTML 和 CSS。

3. 轻点“选择 .html 文件”

轻点“选择 .html 文件”,从你保存文件的文件夹中选取它。页面会出现在查看器里,JavaScript 照常运行,而且是在一个与 convika.com 隔开的框架中。它会从其他网站加载图片、字体和脚本,比如来自 CDN 的 Tailwind。查看器可以打开最大 2 MB 的 .html 和 .htm 文件。

4. 看看页面下方列出了哪些缺失的文件

如果页面引用了放在它旁边的文件,比如 photo.png 或 style.css,查看器会在页面下方列出它们。这些文件无法显示,因为你收到的只有那个 .html 文件。请发送者改发链接,或者发一个把所有内容都写在里面的文件。

如果代码是以文字形式发到聊天或电子邮件里的,就在查看器中选择“粘贴代码”,粘贴后轻点“显示页面”。

几种打开方式对比

打开方式需要另装 App 吗脚本会运行吗谁能看到页面
在“文件” App 中轻点(“快速查看”预览)不需要不会(我们的 iOS 26.3 测试)只有你
在 Safari 浏览器中用 Convika 的 HTML 查看器选择文件不需要,它是一个网页会,除非你关闭“运行脚本”只有你,在那部手机上
把代码粘贴到 HTML 查看器不需要会,除非你关闭“运行脚本”只有你,在那部手机上
轻点发送者给的链接不需要会,前提是托管服务运行脚本;在 Convika 发布的页面会运行每个拿到链接的人,用任何手机或电脑都行

打开通过电子邮件、WhatsApp 或“信息”收到的文件

  • “邮件”:Apple 的“邮件”使用手册介绍,按住附件时有 3 个选择:照片用“保存图像”,或者选“保存到‘文件’”,或者轻点“共享”,用其他 App 打开。把它存到“文件” App,再按上面的步骤操作。
  • WhatsApp:通过 WhatsApp 的“文档”选项发来的文件,收到时是一个最大 2 GB 的文档,而不是页面。把它存到“文件” App,再用查看器打开。如何在 WhatsApp 上发送 HTML 页面(英文)介绍了发送方的做法。
  • “信息”:我们没有测试“信息”会怎样打开 .html 文件。和其他 App 一样,把它存到“文件” App,再用查看器打开。

这些都是收到文件的人的变通办法。如果发送者能改发链接,你轻点链接,页面就会在 Safari 浏览器中打开。

为什么页面看起来是坏的

  • 预览不是浏览器。在我们的测试中,“文件” App 里的“快速查看”没有运行 JavaScript,也没有从网上加载任何内容。按钮、标签页、计时器,以及由脚本绘制的图表,都需要浏览器。
  • 放在旁边的文件没有一起过来。页面常把样式放在 style.css 里,把图片放在 photo.png 这样的文件里,把代码放在一个 .js 文件里,都和 .html 文件放在一起。聊天或电子邮件只会发送你选中的那一个文件。我们在 2026年10月13日用 Chromium 测试:从页面自己的文件夹打开时,3 个文件全部加载了。同一个页面单独复制到另一个文件夹后,一个都没有加载:文字没了样式,图片显示不出来,脚本也没有运行。
  • 这个文件是一个更大网站中的一页。指向 about.html 的链接指向另一个你没有的文件,所以在查看器里它也打不开。

后 2 个问题,发送者可以解决。让做页面的 AI 把所有 CSS 和 JavaScript 都写进同一个 HTML 文件,图片也使用完整的 https:// 链接。

改发链接

如果你是发送的一方,一个链接就能让对方省掉上面所有步骤。对方在 WhatsApp、“邮件”或“信息”中轻点链接,Safari 浏览器就会打开页面,按钮也都能用。你只发一个网址,每个人看到的都是同一个页面。

用 Convika:

  1. 把文件拖到本页顶部的上传框,或者粘贴代码。几秒钟就能拿到预览链接,无需账号。这个链接的有效期为 3分钟,脚本和表单处于关闭状态。
  2. 点击“保留此页面:免费,无需绑卡”并注册。页面会移到你的账号中,它的脚本会在控制台的预览中运行。
  3. 点击“发布页面”。在“谁可以打开这个页面?”下选择“公开”,然后点击“下一步”。第一次发布时,Convika 会显示“免费发布”,下方还有“不带 Convika 横幅发布”,它会打开 Pro 月付的订购页(绑定银行卡可免费使用 1 天,之后每月 US$12)。要用 Free 套餐发布,就点击“免费发布”。
  4. 复制网址,比如 yourpage.convika.page,把它贴到聊天或电子邮件里,代替那个文件。想把页面作为图标留在自己的手机上,请看如何把 HTML 文件添加到主屏幕(英文)。

在 Free 套餐上,页面以“公开”方式发布:任何拿到链接的人都能打开它,它也可能出现在搜索结果和 Convika 作品广场中。要让它不出现在这两处,发布时在“谁可以打开这个页面?”下选择“私密链接”(Pro)。拿到私密链接的人仍然可以打开它。

Free 套餐可发布 1 个页面,每月 10,000 次浏览,控制台还会显示有多少人打开了页面。要把页面放到教室的屏幕上或印在纸上,如何把 HTML 文件变成二维码(英文)介绍了供大家扫描的二维码。如何把 HTML 文件分享为链接(英文)比较了其他免费托管服务。如果这个文件是你用 AI 做的游戏,用 AI 做游戏,再把链接发给朋友(英文)介绍了提示词和在手机上要检查的地方。

常见问题

在 iPhone 上怎么打开 HTML 文件?

先把文件存到“文件” App,然后在 Safari 浏览器中打开 Convika 免费的 HTML 查看器,轻点“选择 .html 文件”。页面会在那里连同 JavaScript 一起运行,文件也不会被上传。直接在“文件” App 中轻点文件,打开的则是“快速查看”预览,在我们的 iOS 26.3 测试中它没有运行任何脚本。如果有人发来你没想到会收到的文件,先问问对方;对文件不放心时,选择之前先关闭“运行脚本”。

为什么 HTML 文件在 iPhone 上显示的是代码?

你用来打开它的 App 把文件当作文字显示,而不是作为页面运行。我们没有测试哪些 iPhone App 会这样。在我们的测试中,“文件” App 的预览显示的是页面的文字和 CSS,而不是代码,但没有运行任何脚本。要看到页面原本的样子,请在 Safari 浏览器中通过 HTML 查看器打开它,或者请发送者发链接。

能用 iPhone 上的 Safari 浏览器查看 HTML 文件吗?

可以,通过一个在 Safari 浏览器中读取文件的网页,比如 Convika 的 HTML 查看器:轻点“选择 .html 文件”,然后从“文件” App 中选取文件。脚本、网页字体和网上的图片都会在那里加载。我们没有测试在 Safari 浏览器中直接用文件路径打开已保存的文件。对于没想到会收到的文件,先问问发送者,选择它之前先关闭“运行脚本”。

怎么把 HTML 文件保存到 iPhone?

在“邮件”中按住附件,选取“保存到‘文件’”,Apple 的“邮件”使用手册就是这样介绍的。在 WhatsApp 这样的聊天 App 中,打开文件后用那个 App 的分享按钮把它存到“文件” App。之后文件就留在“文件” App 里,Safari 浏览器中的 HTML 查看器可以打开它。

怎么发送 HTML 文件,才能在手机上打开?

发页面的链接,不要发文件。把文件放到会运行脚本的托管服务上,再把网址贴到聊天或电子邮件里。在 Convika,上传框无需账号就能生成预览链接,但脚本处于关闭状态。在 Free 套餐上保留这个页面并发布它,链接就会在手机浏览器中打开,按钮也都能用。

资料来源

发一个在任何 iPhone 上都能打开的链接

把 HTML 文件上传一次并发布。收到链接的人轻点一下,页面就会在 Safari 浏览器中打开,按钮也都能用。

获取我的 HTML 文件链接

Free 套餐:无需信用卡,可发布 1 个页面。