1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > Chrome浏览器如何开启Ajax跨域访问调试?

Chrome浏览器如何开启Ajax跨域访问调试?

时间:2021-07-05 10:16:53

相关推荐

Chrome浏览器如何开启Ajax跨域访问调试?

Chrome浏览器如何开启Ajax跨域访问调试?

由于浏览器安全性限制,Ajax是不能跨域访问的,而我们在日常开发工作中,经常会出现本地开发环境需要访问其他服务器上的API情况,尤其在用html5开发APP的过程中,前后台完全分离,使用Ajax进行数据交互。本文说明如何让Chrome浏览器支持开发时的Ajax跨域访问。

Chrome浏览器如何开启Ajax跨域访问调试?

方法/步骤

1.升级Chrome到最新版本

参考下面经验

“如何离线安装Chrome最新版本或某一特定版本?”,将Chrome升级到最新版本。

2. 标题运行跨域访问的测试程序

会出现如下所示的错误:No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘null’ is therefore not allowed access.

3.创建一个调试用的Chrome快捷方式

右键选择Chrome快捷方式,在弹出的右键菜单中选择"创建快捷方式",重命名新建的快捷方式为Chrome-Debug

4.打开Chrome-Debug快捷方式属性

右键选择Chrome-Debug快捷方式,右键菜单中选择"属性",打开Chrome-Debug快捷方式属性设置对话框。

5.增加启动参数

在目标后面增加如下的启动参数:**–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

注:

每个–前面都有一个空格。

disable-web-security需要搭配user-data-dir参数一起设置。

Chrome浏览器如何开启Ajax跨域访问调试?

6.打开Chrome-Debug

因为启动参数中增加了–user-data-dir=“c:\ChromeDebug”,表示Chrome会从c:\ChromeDebug中存取用户数据,因该目录可能为空,所以新打开的Chrome-Debug窗口是一个全新的Chrome,没有书签、历史、扩展程序等内容,需要再重新安装扩展程序。

7.调试跨域访问

再次打开之前出错的程序,就可以发现Ajax已经可以正常跨域访问了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。