可在Edge中直接打开本地HTML文件:一、用file://协议双击或手动输入路径;二、拖拽文件至地址栏;三、启用扩展的“可访问文件网址”权限;四、用--allow-file-access-from-files参数启动Edge。

如果您希望在 Microsoft Edge 浏览器中直接打开本地保存的 HTML 文件,而非通过网络服务器加载,则需确保使用正确的协议和路径格式。以下是实现此操作的具体步骤:
一、使用文件协议直接打开
Edge 浏览器支持 file:// 协议访问本地磁盘中的 HTML 文件,这是最基础且无需额外配置的方式。该方法依赖操作系统对本地路径的读取权限,且要求路径格式符合 URI 规范。
1、在 Windows 文件资源管理器中,找到目标 HTML 文件(例如 index.html)。
2、右键单击该文件,选择“属性”,在“常规”选项卡中确认文件未被标记为“来自其他计算机”或“已阻止”。若存在“解除锁定”按钮,请点击它。
立即学习“前端免费学习笔记(深入)”;
3、双击该 HTML 文件,系统默认会使用 Edge 打开(若 Edge 已设为默认浏览器);若未默认打开,右键文件 → “打开方式” → “选择其他应用” → 勾选“始终使用此应用打开 .html 文件” → 选择 Microsoft Edge。
4、若需手动输入地址,在 Edge 地址栏中粘贴完整 file:// 路径,例如:file:///C:/Users/Name/Documents/page.html(注意:三个斜杠,且盘符后为正斜杠,空格与中文路径需 URL 编码)。
二、通过 Edge 地址栏拖入文件
Edge 支持将本地 HTML 文件直接拖拽至浏览器窗口或地址栏区域,触发即时解析与渲染。该方式绕过路径编码问题,适用于含空格或非 ASCII 字符的文件名。
1、打开 Microsoft Edge 浏览器,确保至少有一个空白标签页处于激活状态。
2、在文件资源管理器中,选中目标 HTML 文件。
3、按住鼠标左键,将该文件拖拽至 Edge 窗口的地址栏上方区域(非网页内容区),松开鼠标。
4、浏览器将自动加载该文件,并在地址栏显示类似 file:///D:/project/%E6%B5%8B%E8%AF%95.html 的编码路径。
里面有2个文件夹。其中这个文件名是:finishing,是我项目还没有请求后台的数据的模拟写法。请求后台数据之后,瀑布流的js有一点点变化,放在文件名是:finished。变化在于需要穿参数到后台,和填充的内容都用后台的数据填充。看自己项目需求来。由于chrome模拟器是不允许读取本地文件json的,所以如果你要进行测试,在hbuilder打开项目就可以看到效果啦,或者是火狐浏览器。
三、启用本地文件访问扩展权限(适用于加载外部资源)
当本地 HTML 文件中引用了 JavaScript、CSS 或图片等同目录或子目录下的资源时,Edge 默认可能因安全策略阻止加载。此时需允许特定扩展访问文件 URL,或调整浏览器启动参数。
1、下载并安装支持本地开发的扩展(如 “Web Server for Chrome” 类替代方案不适用,此处改用 Edge 兼容扩展:如 “Local Server” 或 “Open in Browser”)。
2、进入 edge://extensions 页面,开启右上角“开发者模式”。
3、找到已安装的本地服务类扩展,点击“详细信息”,在“站点权限”区域勾选 “可访问文件网址” 选项。
4、重启 Edge 后,再次通过 file:// 方式打开 HTML 文件,其内联或相对路径引用的资源即可正常加载。
四、使用命令行强制启用本地文件访问
对于因企业策略或组策略限制导致 file:// 协议被禁用的情况,可通过启动参数临时覆盖安全限制。该方式仅影响当前启动实例,不修改系统设置。
1、关闭所有正在运行的 Edge 进程(包括后台进程,可在任务管理器中结束“Microsoft Edge”和“msedge.exe”)。
2、按下 Win + R,输入 cmd 并回车,打开命令提示符。
3、输入以下命令并回车(路径请替换为实际 Edge 安装路径,通常为默认路径):
"C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" --allow-file-access-from-files
4、新窗口启动后,在地址栏输入 file:// 路径或拖入 HTML 文件即可访问,且跨文件资源加载不受阻断。









