0

0

edge浏览器如何打开本地html文件 edge浏览器访问本地文件【步骤】

冰火之心

冰火之心

发布时间:2025-12-30 17:14:32

|

126人浏览过

|

来源于php中文网

原创

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

edge浏览器如何打开本地html文件 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 文件即可访问,且跨文件资源加载不受阻断。

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

540

2023.06.20

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

372

2023.07.04

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

727

2023.07.04

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

470

2023.09.01

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

391

2023.09.04

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

989

2023.09.04

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

653

2023.09.12

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

541

2023.09.20

桌面文件位置介绍
桌面文件位置介绍

本专题整合了桌面文件相关教程,阅读专题下面的文章了解更多内容。

0

2025.12.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

CSS教程
CSS教程

共754课时 | 17.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号