admin管理员组文章数量:1538843
转载:https://jingyan.baidu/article/148a1921c9dbf24d71c3b11f.html
Chrome浏览器如何开启Ajax跨域访问调试?
听语音- |
- 浏览:1153
- |
- 更新:2017-10-06 09:38
- |
- 标签:CHROME 浏览器
- 1
- 2
- 3
- 4
- 5
- 6
- 7
由于浏览器安全性限制,Ajax是不能跨域访问的,而我们在日常开发工作中,经常会出现本地开发环境需要访问其他服务器上的API情况,尤其在用html5开发APP的过程中,前后台完全分离,使用Ajax进行数据交互。本文说明如何让Chrome浏览器支持开发时的Ajax跨域访问。
方法/步骤
-
升级Chrome到最新版本
参考下面经验"如何离线安装Chrome最新版本或某一特定版本?",将Chrome升级到最新版本。
41如何离线安装Chrome最新版本或某一特定版本?
-
运行跨域访问的测试程序
会出现如下所示的错误:No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
-
创建一个调试用的Chrome快捷方式
右键选择Chrome快捷方式,在弹出的右键菜单中选择"创建快捷方式",重命名新建的快捷方式为Chrome-Debug。
-
打开Chrome-Debug快捷方式属性
右键选择Chrome-Debug快捷方式,右键菜单中选择"属性",打开Chrome-Debug快捷方式属性设置对话框。
-
增加启动参数
在目标后面增加如下的启动参数:--user-data-dir="c:\ChromeDebug" --test-type --disable-web-security ,点"确定"按钮保存设置。完整的目标内容如下所示:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir="c:\ChromeDebug" --test-type --disable-web-security
注:
1. 每个--前面都有一个空格。
2. disable-web-security需要搭配user-data-dir参数一起设置。
-
打开Chrome-Debug
因为启动参数中增加了--user-data-dir="c:\ChromeDebug",表示Chrome会从c:\ChromeDebug中存取用户数据,因该目录可能为空,所以新打开的Chrome-Debug窗口是一个全新的Chrome,没有书签、历史、扩展程序等内容,需要再重新安装扩展程序。
-
调试跨域访问
再次打开之前出错的程序,就可以发现Ajax已经可以正常跨域访问了。
本文标签: 浏览器
版权声明:本文标题:谷歌浏览器跨域解决 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/xitong/1726984092a1093146.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论