配置chrome支持本地（file协议）ajax请求

最新推荐文章于 2021-11-29 11:10:08 发布
VIP文章 最新推荐文章于 2021-11-29 11:10:08 发布
阅读量1.8k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/coolkill1989/article/details/50488312
版权
将html代码拖拽进入chrome通过file协议浏览时，发送的ajax请求本地文件，会报跨域错误。
XMLHttpRequest cannot load file:///E:/webs/extJS/ext-3.3.0/examples/csdn/combobox.txt?_dc=1414738973999. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.

 解决办法是给chrome添加启动参数：--allow-file-access-from-files ，这样本地ajax请求就不会报跨域错误了。（注意如果给chrome添加多个启动参数，每个启动参数“--”之前要有空格隔开，如"C:\Program Files\Google\Chrome\Application\chrome.exe" --enable-file-cookies --allow-file-access-from-files）

 

　　如何添加chrome启动参数以便支持file协议下的ajax请求，具体看这个：

最低0.47元/天 解锁文章
捣键盘的Dog
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
chrome扩展插件获取ajax请求记录
04-06
chrome扩展插件获取ajax请求记录
配置Chrome支持本地（file协议）的AJAX请求
weixin_30647065的博客
01-24 239
什么问题 WEB开发过程中，很多时候我们都是写一些简单的Demo，并不是开发一个完整项目，此时我们常见的操作是： 新建文件夹 新建需要的文件 在Sublime（或其他编辑器）中完成DEMO的编码 双击HTML文件，直接在浏览器中运行演示 如果此时Demo中有AJAX操作，浏览器就会报一个错： XMLHttpRequest cannot load file:///Users/iceStone/...
让chrome浏览器支持ajax请求本地文件
赶路人儿
06-18 1298
给chrome加上启动参数： --allow-file-access-from-files 或者　 --disable-web-security 给chrome加上启动参数方法： 谷歌浏览器快捷方式，右键属性将目标位置中加上启动参数 C:\Users\xxx\AppData\Local\Google\Chrome\Application\chrome.exe --disab
JS逆向|高频问题:为何Reres插件总是替换本地文件失败?
Python3 爬虫实战 1:应对特殊字体,爬取猫眼电影实时排行榜
11-29 3111
最近总被问到，使用Reres插件，总是替换失败，不知道原因在哪里，我已经回答过很多遍了，照着github 上面的教程来就不会错，不可能替换不成功。github地址如下:https:/...
reres+python 将服务器文件映射到本地
滕青山博客
10-12 316
到该js文件所在目录用下面命令构造一个http服务器 python -m http.server 再到reres插件中将服务器文件地址映射到http://localhost:8000/+文件名
解决浏览器不能加载本地geojson数据，openlayers
rainbowday_的博客
11-29 1896
openlayers加载geojson数据不显示 控制台报错 Access to XMLHttpRequest at 'file:///E:/open_layers/modular/countries.geojson' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension,
Ajax Interceptor一个用于修改 ajax 请求响应的 chrome 扩展
最新发布
04-21
Ajax Interceptor一个用于修改 ajax 请求响应的 chrome 扩展，修改ajax请求并返回结果的ch 注意事项 不需要使用该插件直接关闭插件 安装完成后需要刷新页面 该插件修改了全局的XMLHTTPRequest对象和fetch方法里的...
chrome 调用本地exe
08-18
1，chrome 浏览器本身不支持直接调用exe，但可以使用url protocol handler 调用exe 2，直接双击exe_chrome.reg 安装注册表 3，test.html 要在运行在容器里（tomcat，resin XXXX），本地直接打开是执行不了的，我...
jquery学习笔记——getJSON无法读取本地json数据的问题
memoriesaier的博客
07-14 1万+
参考地址：http://www.w3school.com.cn/jquery/ajax_getjson.asphttps://www.imooc.com/code/13469
解决谷歌浏览器无法读取本地js文件
热门推荐
lin111000713的专栏
07-25 1万+
解决chome浏览器无法读取本地js 增加--enable-file-cookies --allow-file-access-from-files这２个启动配置到谷歌浏览器中
Chrome 不支持file文件的解决方法
ljx920654324的博客
10-31 7859
1.先关闭chrome浏览器 2.输入下面命令行（mac下）：open /Applications/Google\ Chrome.app --args --allow-file-access-from-files --disable-web-security 3.这时会自动打开chrome浏览器，现在你就可以打开file问件了。亲测有效 ...
Chrome浏览器HTML支持本地（file协议）的AJAX请求
程序新视界
03-24 8419
问题 在运行html demo页面时，当demo页面中使用file来引入js（jQuery）来进行ajax请求资源时，会出现如下错误： Access to XMLHttpRequest at 'file:///Users/zzs/develop/softs/dwz/dwz_jui/dwz.frag.xml?_=1553419402393' from origin 'null' has been b...
–allow-file-access-from-files解决chrome通过file协议加载文件报跨域问题
Don't lost way
04-11 7821
chrome默认是不可以通过file协议加载文件的，当然，这里这样说不标准，并不是所有的情况都不可以通过file协议加载，比如，写了个本地的html，还是可以加载js，css，图片等资源的。但是在某些情况下通过file协议加载数据，就会报跨域问题。 比如目前我遇到以下两种情况： 一、学习ES6模块化的时候，加载本地模块，就会报跨域问题，例如，下面的代码： <script src="./aaa.js" type="module"></script> 二、加载本地图片，用canvas获取
--allow-file-access-from-files 命令的使用
weixin_30415801的博客
10-06 631
让我先哭一会儿，今天上午玩PHP的email函数玩的心碎一地...下午玩Ajax又粗问题了！好吧，只有多遇到问题才能提高解决问题的能力！！！这样一想，心情好多了哈~ 言归正传，说问题！刚才写的html需用到本地的文件，在chrome中不能正常运行，用开发人员工具看到是这样的一个错误提示。怎么办呢？怎么办？此时立刻想到万能的度娘啊，你不知道我智商捉急嘛，用文字描述的答案小女子怎么看的懂==...
写个chrome插件 要求：拦截ajax请求并修改返回结果
06-11
好的，下面是大致的步骤： 1. 创建一个新的Chrome插件项目，可以在manifest.json文件中指定需要的权限，例如拦截网络请求和访问DOM。 2. 在background.js文件中编写拦截请求的代码。可以使用chrome.webRequest.onBeforeRequest监听XMLHttpRequest和fetch请求，并在回调函数中修改响应结果。 ```javascript chrome.webRequest.onBeforeRequest.addListener( function(details) { // 拦截请求并修改响应结果 return {redirectUrl: "data:text/plain;charset=UTF-8," + encodeURIComponent("Hello, World!")}; }, {urls: ["<all_urls>"]}, ["blocking"] ); ``` 3. 在manifest.json文件中指定需要注入的内容脚本，例如可以在所有页面注入一个JS文件，以便在页面上修改响应结果。 ```json "content_scripts": [ { "matches": ["<all_urls>"], "js": ["content.js"] } ] ``` 4. 在content.js文件中编写修改响应结果的代码。可以使用MutationObserver监听DOM的变化，并在回调函数中修改响应结果。 ```javascript var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { // 修改响应结果 mutation.target.textContent = "Hello, World!"; }); }); observer.observe(document, {subtree: true, characterData: true, childList: true}); ``` 5. 打包并安装插件。在Chrome浏览器中打开扩展程序页面，点击“加载已解压的扩展程序”按钮，选择插件的根目录，即可安装插件并测试拦截和修改请求的功能。 以上是一个简单的拦截和修改请求的Chrome插件的步骤，具体实现还需要根据自己的需求进行调整。希望这些信息能对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值