谷歌浏览器默认禁用file://协议下的现代web功能，导致本地html文件白屏或报错；解决方法包括：旧版chrome添加--allow-file-access-from-files参数，新版需启用chrome://flags/#file-system-access并授权本地文件系统，或通过http服务器（如python http.server）绕过限制。
谷歌浏览器无法打开本地HTML文件，不是文件损坏或路径错误，而是浏览器默认禁用file://协议下的现代Web功能——比如加载外部JS、调用File System API、使用ES模块import，页面可能白屏、控制台报错“Failed to load module script”或“Permission denied”，但地址栏仍显示file:///路径。
先确认是否真打不开
右键HTML文件→选择“复制为路径”→在Chrome地址栏粘贴，开头必须是file:///（三个斜杠），不能少写或写成file://。若地址栏自动补全为https://，说明你误点了搜索建议，需手动删掉前缀重输。
拖拽HTML文件到已打开的Chrome窗口空白处，松手即加载。这一步操作起来很简单，直接把文件拖进去就行。
启用基础本地文件访问权限
方法一：快捷方式添加启动参数（适用于Chrome 116及更早版本）
右键桌面Chrome快捷方式→属性→在“目标”末尾空格后粘贴：【--allow-file-access-from-files】→点击确定→任务管理器结束所有chrome.exe进程→双击该快捷方式启动。
⚠️ 注意：Chrome 117+已彻底弃用此参数，添加后重启也无效，仅对旧版有效。
方法二：启用实验性开关并手动授权（Chrome 117+唯一有效路径）
地址栏输入chrome://flags/#file-system-access→回车→将“File System Access API”设为Enabled→点击右下角“Relaunch”重启浏览器。
重启后访问你的file:///C:/xxx/index.html页面→点击地址栏左侧锁形图标→“站点设置”→向下滚动找到“Local file system”→设为Allow。【必须先完成Flags启用，否则该选项根本不会出现】
绕过file://限制的可靠方案
第一步：打开HTML文件所在文件夹的终端（Windows按Shift+右键→“在此处打开PowerShell窗口”，macOS/Linux用Terminal）
第二步：运行命令启动本地HTTP服务
Python用户：执行python -m http.server 8000
VS Code用户：安装Live Server插件→右键HTML文件→“Open with Live Server”
Node.js用户：执行serve -s . -p 8000（需提前npm install -g serve）
第三步：浏览器访问http://localhost:8000/your-page.html，此时页面运行在http协议下，所有现代API均可正常使用，无任何权限报错。
