Ajax本身是不支持跨域的,而我们在开发工作中,可能会遇到本地开发环境未配置相关代码,需要到其他服务器上获取数据的情况,尤其在用HTML5开发app的过程中,前后台完全分离,使用Ajax进行数据交互,这种情况非常常见。

我们可以通过对谷歌浏览器进行设置,利用命令行标记 –disable-web-security ,方便跨域调用数据做测试。

版本号49之前的跨域设置

1.首先谷歌快捷方式上右击,在下拉列表中选择属性。

2.打开属性窗口,切换到快捷方式选项卡。

3.在目标路径的后面添加【 –disable-web-security】,格式如下:C:\Users\as\AppData\Local\Google\Chrome\Application\chrome.exe –disable-web-security ,其中chrome.exe与–disable之间有一个空格。

4.点击应用,然后点击确定关闭窗口。

5.关闭浏览器重新通过桌面快捷方式的形式打开浏览器,浏览器提示”您使用的是不受支持的命令行标记: –disable-web-security。稳定性和安全性会有所下降”,说明设置成功。

版本号49之后的chrome跨域设置

此处需要先备份书签和个人设置

chrome的版本升到49之后,跨域设置比以前严格了,在打开命令上加–disable-web-security之后还需要给出新的用户个人信息的目录。众所周知chrome是需要用gmail地址登录的浏览器,登录后就会生成一个存储个人信息的目录,保存用户的收藏、历史记录等个人信息。49版本之后,如果设置chrome浏览器为支持跨域模式,需要指定出一个个人信息目录,而不能使用默认的目录,估计是chrome浏览器怕用户勿使用跨域模式泄露自己的个人信息(主要是cookie,很多网站的登录token信息都是保存在cookie里)。

具体做法为:

1.在电脑上新建一个目录,例如:C:\MyChromeDevUserData

2.在属性页面中的目标输入框里加上 –disable-web-security –user-data-dir=C:\MyChromeDevUserData,–user-data-dir的值就是刚才新建的目录。

3.点击应用和确定后关闭属性页面,并打开chrome浏览器。

再次打开chrome,发现有“–disable-web-security”相关的提示,说明chrome又能正常跨域工作了。

跨域成功后,首页换成了google的welcome页面,同时原来收藏的链接和历史记录都不见了,而C:\MyChromeDevUserData目录下则生成了新的个人信息相关的文件。

什么是跨域?

简单的来说,出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制,实现不同服务器之间通信的效果。

具体策略限制情况可看下表: 

总体而言:只要协议、域名、端口有任何一个不同,都被当作是不同的域。

from:http://blog.csdn.net/u010035608/article/details/51158904

【转】 最新版chrome谷歌浏览器Ajax跨域调试问题相关推荐

  1. chrome浏览器解决 跨域调试问题

    chrome浏览器解决 跨域调试问题 参考文章: (1)chrome浏览器解决 跨域调试问题 (2)https://www.cnblogs.com/congxueda/p/7053814.html 备 ...

  2. 在本地进行开发工作置chrome谷歌浏览器解决跨域问题

    现在的浏览器出于安全策略的限制,都是不允许跨域的,但做前后分离的webapp开发的时候,出于一些原因往往需要将浏览器设置成支持跨域的模式.好在chrome浏览器就是支持可跨域的设置,网上也有很多chr ...

  3. chrome浏览器解决跨域调试问题

    1.关闭chrome浏览器 2.右键点击浏览器快捷方式,打开属性 3.在目标的末端先空格,然后添加(C:\MyChromeDevUserData是自己随便建的一个空文件夹) –disable-web- ...

  4. 谷歌浏览器(chrome)允许跨域设置的方法

    什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器施加的安全限制. 简单的说,跨域是浏览器的限制. 允许跨域有什么用呢? 允许跨域则可以访问其他的内容.解决 ...

  5. 关于Ajax跨域的解决方案

    关于Ajax跨域的解决方案和一些个人理解 Ajax跨域的原因 Ajax跨域的解决方案 Ajax跨域的原因 浏览器限制 跨域(协议.主机名.端口有一个不同就会产生跨域) xhr请求(XMLHttpReq ...

  6. ajax跨域,这应该是最全的解决方案了

    前言 从刚接触前端开发起,跨域这个词就一直以很高的频率在身边重复出现,一直到现在,已经调试过N个跨域相关的问题了,16年时也整理过一篇相关文章,但是感觉还是差了点什么,于是现在重新梳理了一下. 个人见 ...

  7. ajax跨域解决方案

    一.什么是AJAX? Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术.Ajax 允许在不干扰 ...

  8. ajax 跨域 headers JavaScript ajax 跨域请求 +设置headers 实践

    解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头.正确响应options请求,正确设置 JavaScript端需要设置的headers信息 方能实现. 此处手札 供后人参 ...

  9. vue配置二级目录vue-axios跨域办法谷歌浏览器设置跨域

    一.根据官方建议,dist打包的项目文件放在服务器根目录下,但是很多时候,我们并不能这样做,当涉及到二级目录设置多层深埋的时候,就需要在webpack配置文件里去设置一下了. 在webpack.con ...

最新文章

  1. 从放弃到入门-Yaf(框架生成)
  2. 卫星数据现已加入 Azure 豪华套餐,在太空向女神表个白?
  3. 然并卵:BF 科普 BF 解释器的 JS 实现
  4. 两大主流Web服务器之分析与对比
  5. 侧输出流简单应用-打印的完整流程
  6. perl对文件和目录进行操作
  7. CentOS远程监控
  8. 简单几招优化你的Go程序
  9. 为什么预估执行计划与真实执行计划会有差异?
  10. npm前端包管理工具简介---npm工作笔记001
  11. Windows 10 开启 Num Lock
  12. 蓝桥杯2014c++真题:扑克序列(next_permutation)
  13. 栈增长方向与大端/小端问题
  14. 数学教授曲安京2016年毕业致辞:永远珍重那些美好的内蕴品质
  15. gdb在cygwin下的安装
  16. iis7部署WCF服务应用程序
  17. 关于信息增益(information gain)
  18. Python新手入门
  19. C++模板-33-类模板和函数模板的区别
  20. Microsoft.Office.Interop.Word 创建word

热门文章

  1. Dubbo负载均衡与集群容错
  2. cad插入块_CAD中怎么创建多重插入块?
  3. html照片与照片之间的间隔,css设置图片之间的间隔的方法
  4. cloc JAVA文件_工具-cloc代码行数统计工具
  5. ios 获取沙河文件夹_关于 iOS 沙盒的目录结构和获取
  6. unity三维向量变化为角度_对于向量和矩阵的理解
  7. php 预处理原理,PHP的PDO对象预处理的2种实现方法,实现原理详解
  8. 面试c语言考题,c语言面试最必考的十道试题,求职必看!!!
  9. 计算各种图形的周长(接口与多态)_JAVA
  10. 【深度学习】sigmoid - 二次代价函数 - 交叉熵 - logistic回归 - softmax