绝大多数HTML文件用手机浏览器点开即可,但含JS/CSS或AJAX的页面需通过本地服务器(如KSWEB、Python服务)或在线平台(如CodePen)绕过file://协议的跨域限制才能正常运行。

用文件管理器点开是最简单的方法
安卓和 iOS 都支持,前提是文件路径正确、扩展名是 .html 或 .htm,且没被压缩或改名成 .txt。
- 把
index.html放进手机的Download或Documents文件夹(别放在微信缓存、QQ 接收目录里,这些路径常被限制访问) - 用系统自带“文件”或“我的文件”应用找到它,**长按 → “用其他应用打开” → 选 Chrome/Safari/Edge**(别选“文本编辑器”或“WPS”,它们可能只显示源码)
- iOS 用户若通过微信下载,点击文件后选“用备忘录打开”再保存,之后点开备忘录里的条目,Safari 会自动渲染
地址栏输 file:/// 路径适合调试定位
当点不开、或想确认浏览器到底加载了哪个文件时,手动输入路径最可靠。路径格式固定,但安卓/iOS 差异大:
- 安卓常见路径:
file:///storage/emulated/0/Download/test.html(/storage/emulated/0/≈ 内部存储根目录) - iOS 不开放完整文件系统,
file://在 Safari 中基本无效;必须走“备忘录中转”或用支持本地文件的 App(如Acode) - 路径里不能有中文空格或特殊符号,比如
我的网页.html建议重命名为my-page.html
JS/CSS/AJAX 页面打不开?那是跨域限制在作怪
直接双击打开的 HTML,浏览器以 file:// 协议加载,现代浏览器默认禁止 JS 读取本地 .js、.css 或发起 fetch() 请求——这是安全策略,不是你代码写错了。
- 现象:页面空白、控制台报
Access to script at 'file:///xxx.js' from origin 'null' has been blocked - 解法一(推荐):用手机 App 搭本地服务器,比如
KSWEB(Android)或ServerDog,把整个项目文件夹设为 Web 根目录,然后访问http://127.0.0.1:8080/index.html - 解法二(开发中常用):电脑开 Python 服务,命令是
python -m http.server 8000
,手机连同一 Wi-Fi 后访问http://192.168.x.x:8000 - 解法三(轻量测试):用
Acode或QuickEdit编辑器,内置预览功能会自动起临时 HTTP 服务,绕过file://限制
在线预览比传文件更省事,尤其要分享或多人看
不想折腾路径、权限、服务器?把 HTML 代码粘贴到在线平台,生成链接发给任何人,手机点开即用。
立即学习“前端免费学习笔记(深入)”;
-
CodePen、JSFiddle、Glitch都支持纯前端代码实时运行,生成的链接可直接在手机 Safari/Chrome 打开 - 注意:含本地图片的 HTML,得先把图传到图床,再把
换成公网 URL,否则图不显示 - GitHub Pages 适合长期托管,但需建仓库、提交、启用 Pages 功能,适合已有项目,不适合随手一试
file:// 协议的权限墙。绕过去的方式就那几个,选最顺手的一个,比反复重命名文件或换浏览器有用得多。











