为什么这个 HTML 场景在 iOS 上会卡住

CodePen 实验常会变成独立的 HTML、CSS 和 JavaScript 文件。iOS 可以保存导出文件,但本机查看器更适合检查渲染后的结果。

最短答案

安装 Html Preview,从 Files、分享菜单或来源 App 打开文件,然后在本机预览。这个流程无订阅、无内购、无广告。

CodePen 导出的具体打开方式

保存 CodePen 导出文件,把 HTML 与 CSS 和素材文件放在一起,从 Files 打开并分享给 Html Preview,然后本机预览页面。

打开前要注意什么

CodePen 导出: 建议使用自包含 HTML;相邻 CSS、脚本、图片、锚点或其他本地页面不保证能按项目方式解析。

为什么本机预览更适合这个任务

Html Preview 专注文件预览,不要求上传文件、不添加复杂账号流程,也不会用广告干扰一个很明确的小任务。

如果你还收到 Markdown 文件

很多 AI 和文档工作流会同时产生 HTML 和 Markdown 文件。Md Preview 是对应的 Markdown 预览工具。