本篇文章给大家谈谈谷歌浏览器 file 跨域，以及chrome浏览器跨域对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

本文目录

1. ajax请求本地json文件出现跨域问题
2. chrome谷歌浏览器的跨域设置
3. 怎么设置chrome浏览器可以跨域
4. 用统信自研浏览器怎么设置跨域
5. localstorage跨域&&跨浏览器
6. 为什么浏览器不能跨域
7. 如何解决IE浏览器跨域问题

一、ajax请求本地json文件出现跨域问题

开发的时候,会经常使用一些假数据,这个时候我们就会在本地进行ajax请求（开发工具使用vscode，如果是webstrom则不会有这个问题）,来获取数据,例如ajax本地请求json文件，但是在请求的时候会遇到跨域问题：

建议使用火狐浏览器,因为谷歌浏览器是不允许跨域请求的,因为不安全,但是我们现实中,很多地方是必须要用到跨域请求，谷歌浏览器严格遵循,但是火狐浏览器考虑到现实因素,就可以使用跨域,但是需要进行一些设置.

1、在Firefox的地址栏输入“about:config”，回车

2、在过滤器（filter）中搜索“security.fileuri.strict_origin_policy”(第一次会出现安全协议,点击确认即可)

3、双击security.fileuri.strict_origin_policy设置为false

4、关闭目前开启的所有Firefox窗口，然后重新启动Firefox,这个时候就可以了.

虽然会报格式不佳的错误，但是数据还是请求出来滴！

二、chrome谷歌浏览器的跨域设置

做前后分离的webapp开发的时候，出于一些原因往往需要将浏览器设置成支持跨域的模式，好在chrome浏览器就是支持可跨域的设置，网上也有很多chrome跨域设置教程。但是新版本的chrome浏览器提高了跨域设置的门槛，原来的方法不再适用了。下面笔者简单介绍一下新版本chrome的跨域设置方法。

先介绍一下老方法，参考了一些网上的教程，其实直接在打开命令上加--disable-web-security就可以了。

1.下载并安装好chorme浏览器后在桌面找到浏览器快捷图标并点击鼠标右键的属性一栏。

2.在属性页面中的目标输入框里加上--disable-web-security如下图所示：

3.点击应用和确定后关闭属性页面，并打开chrome浏览器。如果浏览器出现提示你使用的是不受支持的命令标记--disable-web-security，那么说明配置成功。

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目录下则生成了新的个人信息相关的文件。

三、怎么设置chrome浏览器可以跨域

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

2、2,打开属性窗口，切换到快捷方式选项卡下面，默认是常规选项卡。

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

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

5、5,如果目标中的路径含有双引号，则在双引号的外面添加。

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

四、用统信自研浏览器怎么设置跨域

1、桌面复制一个新的浏览器启动文件并重命名为DEV（举例说明，可根据需求自行命名），右键使用“文本编辑器”打开自研浏览器桌面启动文件，在Exec执行命令行中添加--disable-web-security--user-data-dir=/tmp参数：

2、同时注释掉“X-Deepin-AppID、X-Deepin-CreatedBy、X-Deepin-Vendor”这三个参数：（方便改名浏览器图标，用于和原有浏览器启动文件进行区分）：

2、同时注释掉“X-Deepin-AppID、X-Deepin-CreatedBy、X-Deepin-Vendor”这三个参数：（方便改名浏览器图标，用于和原有浏览器启动文件进行区分）：

3、保存退出，使用编辑后的DEV图标重新启动浏览器，页面出现--disable-web-security的提示即表示设置成功：

五、localstorage跨域&&跨浏览器

localstorage无法跨域（同源策略的限制），无法跨浏览器；

localstorage可通过storage event数据变化监听；

必须通过flash实现跨浏览器，因为不同的浏览器使用的flash都是同一个。因此，使用flash cookie就可以实现这样的功能；

postMessage(data,origin)方法允许来自不同源的脚本采用异步方式进行通信，可以实现跨文本档、多窗口、跨域消息传递。接受两个参数：

通过postMessage向【其他域】发送跨域消息；

iframe.contentWindow.postMessage()

监听跨域消息 window.addEventListener('message', fn);

【test1域下】

【test2域下】

【test2域下】

六、为什么浏览器不能跨域

1、打开IE浏览器，在工具菜单下选择Internet选项，打开Internet选项卡

2、切换到安全选项卡下，点击可信站点，然后单击站点按钮

3、可信站点窗口输入网址到可信站点的区域，点击添加按钮，网址则会添加到网站列表下，最后关闭可信站点窗口

4、还是在安全选项卡下的可信站点，点击自定义级别

5、打开受信任的站点区域窗口，找到跨域浏览窗口和框架选择启用

6、在当前窗口中继续往下翻，通过域访问数据源也选择启用，点击确定关闭受信任的站点区域窗口

7、在Internet窗口也点击确定按钮，同时关闭浏览器

8、在请求的js脚本中添加是否允许跨域访问的权限，jQuery.support.cors默认值为true，则代表允许；反之，不允许。设置完成，重新打开浏览器验证即可

七、如何解决IE浏览器跨域问题

1、打开IE浏览器，在工具菜单下选择Internet选项，打开Internet选项卡

2、切换到安全选项卡下，点击可信站点，然后单击站点按钮

3、可信站点窗口输入网址到可信站点的区域，点击添加按钮，网址则会添加到网站列表下，最后关闭可信站点窗口

4、还是在安全选项卡下的可信站点，点击自定义级别

5、打开站点区域窗口，找到跨域浏览窗口和框架选择启用

6、在当前窗口中继续往下翻，通过域访问数据源也选择启用，点击确定关闭受信任的站点区域窗口

7、在Internet窗口也点击确定按钮，同时关闭浏览器

8、在请求的js脚本中添加是否允许跨域访问的权限，jQuery.support.cors默认值为true，则代表允许；反之，不允许。设置完成，重新打开浏览器验证即可。

关于谷歌浏览器 file 跨域和chrome浏览器跨域的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。