chrome允许加载本地文件

最新推荐文章于 2024-10-13 18:22:39 发布
最新推荐文章于 2024-10-13 18:22:39 发布
阅读量256 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/azterzmshan/p/5412889.html
本文介绍了一种特殊的方法来启动Chrome浏览器，使其能够加载本地文件并禁用网页安全限制。这对于某些开发场景非常有用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

open -a "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" --args --allow-file-access-from-files --disable-web-security

出于安全原因Chrome不会加载本地文件。

转载于:https://www.cnblogs.com/azterzmshan/p/5412889.html

Chrome中ajax使用file协议加载本地文件非同源问题
qq_24270109的博客
02-24 928
Chrome中ajax使用file协议加载本地文件跨域问题 1.背景及代码 ​ 代码目录： ​ 1.使用：XMLHttpRequest 创建一个对象 兼容IE // xmlhttp.js function getHTTPObject() { if(typeof XMLHttpRequest === 'undefined') { XMLHttpRequest = functi...
html5 写入文件内容,Chrome浏览器支持直接读写本地文件了
weixin_29810427的博客
06-04 2398
本文首发于公众号：符合预期的CoyPan写在前面最新版的Chrome(Chrome 83, 需要开启权限)支持直接读写本地文件了。开启方法：Chrome浏览器升级到83版本以上；访问chrome://flags/，开启 Native File System API 选项当前如何读写本地文件目前最常见的读取本地文件方法：1、使用input标签获取文件File对象。2、使用FileReader读取文件...
chrome扩展程序开发/chrome运行本地JS脚本
11-04
chrome扩展程序开发/chrome运行本地JS脚本的方法例子
chrome加载本地文件
never give up的专栏
11-04 1305
在chrome快捷方式=》目标后面加入 --allow-file-access-from-files后即可加载本地文件(例：本地html的跳转)；
Google浏览器加载本地文件
aihui5121的博客
05-04 1097
一般来说，为了安全起见，浏览器是不允许加载本地文件的。 对谷歌浏览器的快捷方式做一些设置，可以做到加载本地文件。 步骤：鼠标放在谷歌浏览器的快捷方式->右键->属性-> 快捷方式->目标->将--enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files参数加到原来的参数后面。eg...
chrome可以访问本地文件
hqmln的博客
05-29 1464
需要添加参数启动 chrome.exe -allow-file-access-from-files    
C#通过Cef嵌入Chrome浏览器访问本地网页及跨域资源
12-26
博文使用说明地址：图文教程https://blog.youkuaiyun.com/zhichaosong/article/details/85262452 使用方法：①直接打开cef.exe...②可以把 www 文件夹下面的 index.html 换成自己的网页就能访问本地网页以及访问跨域资源了；
如何在Chrome中永久修改安全设置允许本地文件加载Source Maps？
09-15
在Google Chrome浏览器中，如果你想永久地更改安全设置以允许本地文件加载Source Maps，你需要编辑浏览器的高级配置。这通常涉及到对用户数据目录下的某些文件进行修改，具体步骤如下： 1. **备份**: 首先，为了...
C#利用CefSharp嵌入Chrome访问本地网页及跨域资源
06-26
资源下载链接为： ...使用方法如下： 打开程序：直接运行 cef.exe 文件。如果系统提示需要下载 .NET Framework 4.5.2，请前往官网下载。...替换后，程序即可加载并访问本地网页，同时支持跨域资源访问。
JS文件替换神器--Chrome ReRes插件
05-14
这款插件是专为Chrome浏览器定制的，它允许开发者快速地替换网页上的JavaScript文件，从而简化了开发和测试流程。 首先，让我们了解一下Chrome ReRes插件的基本功能。它的主要目标是提供一个便捷的方式，让开发者...
亲测有效——chrome设置允许访问本地文件（如本地json文件）
热门推荐
meser88的博客
04-18 1万+
先在磁盘上创建一个无关紧要的文件夹，你应该也可以指定一个已经存在的文件夹，复制文件夹的路径，在目标一栏中加入--user-data-dir="建议再创建一个新的谷歌浏览器的快捷方式，与之前的快捷方式区分开，在想使用跨域请求的时候打开新的快捷方式，保证上网安全。为了安全起见，建议创建两个谷歌浏览器的快捷方式，一个设置上述参数用于需要请求本地资源的开发，一个用于平时上网。这个目录下系统会自动生成一大堆文件，注意不要跟自己的开发的文件搞混就行，比如我的，本来文件夹在只有一个。
chrome如何设置 允许访问本地文件（转）
退休码农的自留地
09-16 4336
设置Chome 访问本地文件，解决跨域问题。
本地chrome，访问（超链接跳转）本地文件解决方案
Kp0fS的草稿纸
04-12 1万+
解决方案： 下载一个chrome的插件：enable local file links 笔者需要实现的功能： php语言实现查询mysql数据库，将结果返回成超链接（连接到本地文件夹） 以下是场景复现： 背景： 笔者用php写了一个脚本，读取mysql数据库，然后在html网页上显示出结果。显示的内容中有一个是用户的文件夹路径“c:\user\reports”（是个超链接）...
chrome实现访问本地文件
weixin_40194150的博客
04-22 8508
解决跨域问题的方式有很多，例如：Nginx代理、通过http头来解决等，今天尝试了一下，火狐可以访问，其他浏览器却无法访问本地文件，我找到了一个在前端分离开发阶段比较简单的方式，以chrome为例。记录如下： 在chrome的快捷方式的“目标”在后面加上 --allow-file-access-from-files 比如我的就是：“C:\Users\leilei\AppData\Local\Goo...
--allow-file-access-from-files 命令的使用
weixin_30415801的博客
10-06 827
让我先哭一会儿，今天上午玩PHP的email函数玩的心碎一地...下午玩Ajax又粗问题了！好吧，只有多遇到问题才能提高解决问题的能力！！！这样一想，心情好多了哈~ 言归正传，说问题！刚才写的html需用到本地的文件，在chrome中不能正常运行，用开发人员工具看到是这样的一个错误提示。怎么办呢？怎么办？此时立刻想到万能的度娘啊，你不知道我智商捉急嘛，用文字描述的答案小女子怎么看的懂==...
Cef加载自定义本地资源
Myliang97的博客
10-13 1288
CEF把file协议加载方式改为http
配置Chrome支持本地的AJAX请求
吃草の狼的博客
01-28 318
Windows： 设置Chrome的快捷方式属性，在“目标”后面加上–allow-file-access-from-files，注意前面有个空格，重新打开Chrome即可。 Mac： 只能通过终端打开浏览器：打开终端，输入下面命令：open -a “Google Chrome” --args --disable-web-security然后就可以屏蔽安全访问了[ --args：此参数可有可无] ...
如何允许浏览器加载本地资源
最新发布
07-24
<think>我们正在讨论如何解决浏览器加载本地资源被阻止的问题。用户希望知道如何配置浏览器允许加载本地资源（通过文件协议file://），特别是在本地开发环境中。 根据引用[1]和[2]，我们知道浏览器出于安全原因默认阻止从本地文件系统加载资源（跨域问题）。引用[1]建议使用本地服务器（如Python的简易HTTP服务器）来避免这个问题。引用[2]详细解释了跨域问题，并提到修改浏览器配置是一种方法，但不推荐，因为用户不可能都修改浏览器配置。 因此，我们推荐的最佳实践是使用本地服务器。但用户明确要求配置浏览器允许加载本地资源，所以我们也要提供配置浏览器的方法（尽管不推荐作为长期解决方案）。 步骤： 1. 使用本地服务器（推荐方法）： - Python内置了一个简单的HTTP服务器，可以在项目目录下运行以下命令： python -m http.server [port] 例如：`python -m http.server 8000`，然后在浏览器中访问 http://localhost:8000 - 使用Node.js的http-server或live-server等工具。 2. 配置浏览器（以Chrome为例，不推荐）： - 关闭Chrome浏览器（所有窗口）。 - 创建一个新的快捷方式，右键点击快捷方式，选择“属性”。 - 在“目标”字段的末尾添加以下参数（在引号之后）： --allow-file-access-from-files - 使用这个快捷方式启动浏览器，然后通过文件协议（file://）访问本地文件时，将允许加载本地资源。 注意：引用[2]提到，修改浏览器配置不是最佳实践，因为它会降低安全性，并且不能要求每个用户都这样做。 另外，引用[3]提到浏览器缓存策略，但这个问题与缓存无关，所以暂时不涉及。 因此，我们优先推荐使用本地服务器的方法，因为这是最安全、最符合标准的方式，并且可以避免跨域问题。同时，我们也提供了配置浏览器的方法，但仅用于临时测试。 生成相关问题： 1. 如何用Python搭建本地HTTP服务器？ 2. 除了Python，还有哪些搭建本地服务器的方法？ 3. 为什么浏览器不允许通过文件协议加载本地资源？ 4. 在本地开发中，如何配置WebStorm来避免跨域问题？ 5. 使用浏览器配置允许本地文件访问有什么风险？ 6. 如何用Node.js搭建一个本地服务器？</think>### 解决浏览器加载本地资源被阻止的问题 浏览器默认阻止加载本地资源（`file://`协议）是出于安全考虑，防止恶意网站读取用户本地文件。以下是解决方案： #### ✅ 推荐方案：使用本地服务器（最佳实践） 1. **Python 简易 HTTP 服务器** 在项目根目录执行： ```bash # Python 3 python -m http.server 8000 # Python 2 python -m SimpleHTTPServer 8000 ``` 访问 `http://localhost:8000` 即可加载本地资源[^1]。 2. **Node.js 服务器** 安装 `http-server`： ```bash npm install -g http-server ``` 启动： ```bash http-server -p 8080 ``` #### ⚠️ 不推荐的浏览器配置（仅限开发测试） **Chrome 方法**（关闭所有 Chrome 进程后操作）： 1. 创建快捷方式 → 右键"属性" 2. 在"目标"字段末尾添加： ``` --allow-file-access-from-files --disable-web-security ``` 示例： ``` "C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files ``` > ⚠️ 警告：这会降低浏览器安全性，仅限本地开发临时使用[^2]。 **Firefox 方法**： 1. 地址栏输入 `about:config` 2. 搜索 `security.fileuri.strict_origin_policy` 3. 设置为 `false` #### 💻 IDE 内置方案 使用 **WebStorm** 或 **VS Code** 的 Live Server 插件： - 自动启动本地服务器（默认端口 5500） - 支持热更新，无需配置浏览器[^2]。 #### 其他方案 - **Nginx 反向代理**：适合项目部署阶段 - **JSONP/CORS**：需后端配合，非纯前端方案[^2] --- ### 📚 相关问题 1. 如何在 Python 的 HTTP 服务器中启用 HTTPS？ 2. 使用 `--disable-web-security` 参数有哪些具体安全风险？ 3. 如何配置 Nginx 反向代理解决本地开发跨域问题？ 4. WebStorm 的 Live Server 如何自动刷新页面？ 5. 浏览器安全策略中，哪些本地资源访问行为会被阻止？ 6. 如何用 Express.js 搭建本地开发服务器？ [^1]: 推荐使用本地服务器避免跨域问题，符合浏览器安全策略 [^2]: 修改浏览器配置仅限临时开发，部署环境需正规跨域方案 [^3]: 浏览器缓存机制不直接影响本地资源加载问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值