根本原因是edge将file://协议视为高风险环境，静默拦截fetch/xhr等请求且不报错；路径含中文或特殊字符、跨域限制、es模块未走服务器、未启用–allow-file-access-from-files参数等均会导致空白或功能失效。
为什么双击html文件在Edge里打不开或空白？
根本原因不是Edge坏了，而是它默认把本地file://协议当“高风险环境”处理——尤其当你页面里用了fetch('./data.json')、import或XMLhttpRequest时，Edge会静默拦截，控制台只显示net::ERR_FAILED，连错误提示都藏得严实。
- 路径含中文、全角空格、特殊符号（比如
C:我的项目index.html）→ 浏览器解析失败，地址栏变灰或跳转到错误页 - JS/CSS/json放在同目录但被跨域策略拦住 → 页面渲染了，但功能全失效，控制台报一堆
Cross origin requests are not allowed - 用了ES模块（
type="module"）却没走服务器 → Edge直接不执行脚本，连console.log都不触发
用命令行启动Edge绕过安全限制（开发调试必备）
别依赖双击或右键“打开方式”，那只是调用默认协议注册，解决不了核心权限问题。真正可控的方式是手动传参启动Edge，强制允许本地文件访问。
- 必须用
msedge.exe（新版Chromium Edge），不是已停更的MicrosoftEdge.exe（旧版EdgeHTML） - 关键参数是
--allow-file-access-from-files，它松开对file://下fetch/XHR的封锁 - 加
--disable-web-security可进一步禁用同源检查（仅限本地测试！日常勿开） - 完整命令示例：
start msedge --user-data-dir="C:tempedge-dev" --allow-file-access-from-files --disable-web-security "C:demoindex.html"（路径含空格也必须用英文引号包裹）
VS Code里右键“用Edge打开”为啥有时不生效？
这个操作本质是调用系统默认浏览器打开文件路径，看似方便，实则隐含陷阱：它不带任何启动参数，也不启用DevTools，遇到JS加载失败就只能干瞪眼。
- 如果没装
Edge DevTools插件，右键菜单里可能根本没有“用Edge打开 with DevTools”选项 - 即使有，它默认也不会加
--allow-file-access-from-files，所以fetch/json照样404 - 更稳的做法是：先装好
Live Server插件，再右键选“在Edge中打开 with Live Server”→ 它起的是http://127.0.0.1:5500/本地服务，彻底绕过file://限制
Edge地址栏输file:///路径总失败？格式和权限都要对
很多人输file://C:/demo/index.html就报错，其实少了一个/；但就算输对了file:///C:/demo/index.html，也可能因权限被拒而白屏。
立即学习“前端免费学习笔记（深入）”；
- 正确格式必须是三个斜杠：
file:///C:/path/to/index.html（开头file://+ 一个/表示本地绝对路径） - windows设置里要确认：进入
edge://settings/privacy→ 关闭“增强的安全性保护浏览”，否则它会主动拦截本地脚本 - 若页面依赖Web API（如
navigator.mediaDevices.getUserMedia()），还得进edge://settings/content把摄像头/麦克风默认设为“允许”，否则API返回NotAllowedError
Edge对html5支持本身没问题，当前Chromium内核版本（≥116）已原生兼容canvas、webgl、Web Workers等；真正卡住你的，从来不是标准支持度，而是file://协议下的权限墙和路径细节。稍不注意，就变成“代码没错，就是不跑”。