用手机浏览器直接打开html文件需确保扩展名为.html、编码为utf-8、资源用相对路径；file://协议禁用ajax和跨域，须改用http服务（如ksweb、python服务器或acode预览）。

直接用手机浏览器点开就行，但得确保文件路径、扩展名和资源引用都对——否则白点也加载不出来。

点击文件没反应或显示乱码？先看扩展名和编码

很多“打不开”其实是文件根本没被识别成HTML。安卓文件管理器默认隐藏扩展名，你看到的 index 可能实际是 index.txt 或无后缀纯文本。

• 在文件管理器设置里打开「显示文件扩展名」（不同厂商叫法略有差异，如“高级选项”或“更多设置”）
• 长按文件 → 重命名为 index.html，注意不是 index.html.txt
• 确认文件内容以 或 <code> 开头，且保存时编码为 UTF-8（非 ANSI 或 GBK）
• 如果用电脑传过来，微信/QQ 传输可能自动转码，建议改用数据线、iCloud 或 Telegram 发送原文件

Chrome/Safari 点开后样式错乱或 JS 不执行？检查资源路径

用 file:// 协议打开时，浏览器会禁用跨域请求，所有外链 CSS/JS 图片必须用相对路径，且不能有跨目录跳转（比如 ../css/style.css 在子文件夹里可能失效）。

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

• 把 HTML、css/、js/、images/ 全部放在同一级文件夹下
• 引用写成 <link rel="stylesheet" href="style.css">，别用 ./style.css 或绝对路径
• fetch()、XMLHttpRequest、本地 JSON 文件读取——这些全会失败，file:// 下没有 Origin，浏览器直接拦
• 图片加载失败？检查是否用了大写扩展名（IMG.JPG），部分安卓浏览器对大小写敏感

需要跑 JS 或调接口怎么办？必须起个本地 HTTP 服务

只要涉及 AJAX、模块导入（import）、Service Worker，或者想测 PWA，file:// 就彻底不行——这是浏览器安全策略，改不了。

• 安卓推荐装 KSWEB：把 HTML 放进 /ksweb/www/，启动服务后访问 http://127.0.0.1:8080/index.html
• iOS 没法装 KSWEB，可用 Scriptable + 内置 HTTP server（需写几行 JS），或更简单：用电脑开服务，手机连同一 Wi-Fi 访问 http://192.168.x.x:8000
• 电脑端快速起服务：进 HTML 所在文件夹，终端运行 python -m http.server 8000（Python 3.7+ 自带）
• 别用 localhost 测试响应式——手机浏览器里的 localhost 指它自己，不是你的电脑

编辑完想秒看效果？选对 App 比折腾路径更重要

QuickEdit、Acode、Dcoder 这些 App 的「预览」按钮，底层其实也是起一个临时 http:// 服务，所以它们能跑 JS、支持相对路径，比手动点文件可靠得多。

• Acode 预览走的是 http://127.0.0.1:3000，自动处理静态资源，适合边写边调
• Dcoder 的「Run」按钮在 Android 12+ 上偶尔因后台限制卡住，可手动点右上角「Preview in Browser」强制刷新
• 别信「HTML Viewer」类纯渲染工具——它们不执行 JS，也不加载外链 CSS，只适合看结构
• 改完代码后，别只点「保存」，一定点一次「预览」或手动刷新浏览器，有些 App 不自动热更

真正卡住人的从来不是“怎么打开”，而是打开后 JS 报错、图片不显示、fetch 被拦——这些问题全出在协议层（file:// vs http://）和路径解析上，盯住这两点，比换十个 App 都管用。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！