Edge浏览器无法预览本地HTML文件？

遇到双击本地HTML文件后，Edge浏览器只显示空白页？或者拖拽文件没反应、在地址栏输入 file:/// 路径也无法加载？先别急着怀疑代码写错，多数情况下是Edge浏览器无法识别文件扩展名，或禁止了本地资源访问权限。下面按步骤检查并修复三道关卡。

确认文件是否被系统识别为网页

首先检查基础设置：右键点击HTML文件（例如 index.html）→ 选择“属性” → 在“常规”选项卡底部查看“打开方式”。如果显示的是VS Code、记事本或“无应用”，说明Windows未将该文件识别为网页。此时双击无法生效，拖入Edge也会出现白屏。

若“打开方式”中没有Microsoft Edge，点击“更改” → 选择Microsoft Edge → 勾选“始终使用此应用打开.html文件”。但需注意：此操作仅对 .html、.htm 等系统已知后缀生效。如果文件扩展名为大写 .HTML、.HTM，或者文件名包含空格（如 index .html），系统可能无法正确关联。

启用Edge底层文件访问权限

这一步必不可少。Edge默认禁止网页脚本读取本地CSS、JS、图片等资源，即使页面能打开，最终也会白屏，或控制台报404错误。

解决方法：在Edge地址栏输入 edge://flags → 回车 → 搜索 Allow file access from files → 将状态改为 Enabled → 关闭所有Edge窗口 → 重新启动浏览器。

若未完成此设置，通过 file:/// 路径打开的页面会卡在“加载中”状态，控制台通常显示 Blocked loading resource from file:// 报错，连基础样式都无法渲染。

用正确方式加载并解除资源拦截

方法一：通过菜单“打开文件”导入（最稳妥）
第一步：启动Edge浏览器
第二步：点击右上角三个点 → “更多工具” → “打开文件”
第三步：浏览到存放HTML文件的位置，选中后点击“打开”
第四步：如果地址栏右侧弹出“在本地文件上显示内容”的黄色提示条，立即点击“允许”

方法二：手动输入file://路径（适合调试单个文件）
复制文件的完整路径（例如 C:\dev\test.html），在Edge地址栏粘贴 file:///C:/dev/test.html（注意必须是三个斜杠，盘符后面使用正斜杠，不能使用反斜杠），回车即可。

方法三：命令行启动调试实例（开发必备）
关闭所有Edge进程（在任务管理器中结束所有 msedge.exe）→ 按Win+R打开运行框，输入 cmd 回车 → 粘贴并执行以下命令：
start msedge --allow-file-access-from-files --disable-web-security --user-data-dir="C:\temp\edge-debug"
该命令会新建一个独立的Edge调试窗口，不受常规安全策略限制，可直接加载任意本地HTML文件。注意：路径 C:\temp\edge-debug 必须真实存在且具有写入权限，否则命令会静默失败且无任何提示。