为什么夸克浏览器无法读取手机本地的HTML文件？

不少朋友遇到一个头疼的问题：在夸克浏览器里打开本地的HTML文件，结果要么白屏，要么报错。其实问题不在文件本身，而是夸克浏览器基于Chromium内核，默认对file://协议做了严格限制。每个file:///路径被当作独立源（origin为null），导致fetch()、import、相对路径的CSS/JS或图片资源统统被拦截——哪怕图片和HTML就在同一个文件夹，也可能报net::ERR_FILE_NOT_FOUND，或者干脆一片空白。

说白了，不是文件放错了位置，而是浏览器主动拒绝了跨文件读取行为。夸克对本地HTML的限制，跟其他主流手机浏览器一脉相承：所有file://页面都被视为“孤立沙盒”，无法发起网络请求，也无法读取同目录下的其他文件。

根本原因：file://协议被严格限制

手机浏览器（包括夸克）把每个file://页面当作独立源，origin为null，这就意味着它不能发起任何网络请求，不能读取同目录的其他文件，也不能执行ES模块导入。哪怕图片和HTML在同一文件夹，只要路径写成./img.png，夸克就可能报net::ERR_FILE_NOT_FOUND或直接白屏。

安卓厂商定制的浏览器偶尔会对简单页面“宽松处理”，但夸克内核（基于Chromium）默认启用严格策略。而iOS上的Safari更彻底——完全不支持file://跨文件访问，点开单个index.html都可能找不到script.js。

验证是否真被拦截

想确认自己遇到的问题是不是这个原因？很简单：打开夸克浏览器，在地址栏输入file:///storage/emulated/0/your-folder/index.html，等待加载完成。然后点击地址栏左侧的锁形图标，选择“检查网站信息”，看看有没有红色警告提示“此页面使用不安全的协议”或“部分功能已被禁用”。

如果更专业一点，可以打开开发者工具的控制台——如果报错信息是Access to script at 'file:///...' from origin 'null' has been blocked，那就实锤了：file://安全策略在起作用。

临时绕过方案（仅限纯静态页）

如果只是临时看一眼，有两个凑合的办法，但限制很多。

方法一：确保页面完全无外部依赖。删除所有、