大家好，感谢邀请，今天来为大家分享一下谷歌浏览器cors错误的问题，以及和谷歌浏览器显示error的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！

本文目录

1. 前端面试题之解决浏览器兼容性的方案
2. 谷歌浏览器调用第三方接口当前显示的是预配标头,无法加载数据,

一、前端面试题之解决浏览器兼容性的方案

浏览器兼容性涉及的内容有很多，特别是针对IE浏览器，以下整理出五种常见的浏览器兼容性解决方法。

由于各大浏览器会有自身的默认样式，并且不尽相同，所以为了尽可能的保证样式的统一性，前端在开发项目之前都会先进行样式格式化，最常见的分为以下几个方面。

1.pandding值和 margin值均设置为 0

将html、body、a、li、ol、input、textarea、select、button等标签的 padding值和 margin值设置为 0。

设置统一的字体，如果使用 rem单位，则 html需要设置合适的字号。

设置统一的颜色，将 text-decoration属性设置为 none。

5.input、textarea、select、button等标签初始化

二、使用不同类型的浏览器内核前缀

1.Chrome（谷歌浏览器）与 Safari（苹果浏览器）内核：Webkit（中译无）前缀：-webkit-

2.IE（IE浏览器）内核：Trident（中译三叉戟）前缀：-ms-

3.Firefox（火狐浏览器）内核：Gecko（中译壁虎）前缀：-moz-

4.Opera（欧朋浏览器）内核：Presto（中译迅速）前缀：-o-

-webkit-border-radius: 10px;/谷歌浏览器/

-ms-border-radius: 10px;/ IE浏览器/

-moz-border-radius: 10px;/火狐浏览器/

-o-border-radius: 10px;/欧朋浏览器/

三、针对IE浏览器不同版本的解决方案

1.对于低版本的 IE浏览器使用 CSS hack（即给特点前缀）

注：以下符号是写在属性名前面。

兼容 IE6、7的 hack符号：`~!@#$% ^&*()+= [ ]|<>,.任意一个符号

注：以下符号是写在属性值与分号直接，中间不留空格。

兼容 IE8、9、10的 hack符号：\0

兼容 IE6、7、8、9、10的 hack符号：\9

.border-radius: 10px;/ IE6\7\8/

border-radius: 10px\0/;/ IE8/

border-radius: 10px\0;/ IE8\9\10/

border-radius: 10px\9;/ IE6\7\8\9\10/

2.为不同的版本编写独立的样式，其他浏览器识别不到。

例：大于 IE9的浏览器使用这个单独的 style9.css样式

例：只有 IE6浏览器使用的 style6.css样式

1.cursor属性的 hand值和 pointer值

问题：firefox浏览器不支持 hand值，但其他浏览器均支持 pointer值。

解决:统一使用 cursor属性的 pointer值。

问题：IE8及IE8以下版本浏览器不可通过设置 margin:0 auto实现水平居中。

解决:可通过设置父级 text-align:center实现。

问题：IE8及IE8以下版本浏览器不支持属性值“inherit”。

解决：谨慎使用属性值“inherit”。

问题：IE11不支持箭头函数、class语法等（报 SCRIPT1002:语法错误），不支持 Set和 Map数据结构（不报错）及 Promise对象，支持 let和 const，IE10及以下不支持任何 ES6语法。

解决：如果要兼容IE浏览器的项目请使用 ES5语法或者使用 Babel进行转换。

问题：IE9及 IE9以下版本浏览器，不能操作 tr标签的 innerHTML属性。

解决：可以操作 td标签的 innerHTML属性。

问题：IE9及 IE9以下版本浏览器无法使用 Ajax获取接口数据。

解决：在使用 Ajax请求之前设置 jQuery.support.cors=true。

问题：IE8及 IE8以下版本浏览器 event对象只有 srcElement属性，没有 target属性。

解决：obj= event.target?event.target:event.srcElement。

问题：IE8及 IE8以下版本浏览器是用 attachEvent()方法，而其他浏览器是 addEventListener()方法。

解决：判断 IE浏览器版本，如果是 IE8及以下事件绑定则使用 attachEvent()方法，注意 attachEvent()方法的用法，第一个参数为“onclick”而不是“click”。并且没有第三个参数。

二、谷歌浏览器调用第三方接口当前显示的是预配标头,无法加载数据,

1、根据查询CSDN社区网站得知，谷歌浏览器调用第三方接口当前显示的是预配标头,无法加载数据，可能有以下几种原因和解决方法：

2、原因一：跨域请求问题。如果你的网站和第三方接口不在同一个域名下，就需要使用CORS（跨域资源共享）技术来实现跨域请求。在这种情况下，浏览器会先发送一个OPTIONS请求，来确认服务器是否支持这个请求，如果服务器返回允许，则会发送实际的请求。如果服务器没有正确配置CORS，或者返回了不允许的响应，就会导致请求失败。

3、解决方法一：检查服务器端是否正确配置了CORS，或者联系第三方接口的提供者，让他们支持CORS。具体的配置方法可以参考CORS的相关资料。

4、原因二：网络连接问题。如果你的网络连接不稳定或者被阻断，就可能导致请求无法正常发送或接收。这种情况下，浏览器可能会显示“无法加载数据”或者“网络错误”的提示。

5、解决方法二：检查你的网络连接是否正常，或者尝试更换网络环境。你也可以使用一些网络诊断工具来检测和修复网络问题。

6、原因三：浏览器设置问题。如果你的浏览器设置了一些不合理的参数或者安装了一些过期或冲突的扩展程序，就可能影响请求的正常发送或接收。这种情况下，浏览器可能会显示“预配标头”或者“无法解析响应”的提示。

7、解决方法三：检查你的浏览器设置是否正确，或者禁用或卸载一些不必要的扩展程序。你也可以尝试清除浏览器缓存或者重新安装浏览器。

文章分享结束，谷歌浏览器cors错误和谷歌浏览器显示error的答案你都知道了吗？欢迎再次光临本站哦！