Vue引入百度地图警告：A Parser-blocking, cross site (i.e. different eTLD+1) script....

控制台警告

在vue中引入地图控制台输出：

警告出现原因

页面渲染以后调用了document.write() ，而这种方式chrome53以上版本是不允许的。

警告的用意

对于在2G，3G 或者是慢 wifi 环境下面，使用document.write()动态加载资源会让页面的展现慢10秒以上，浏览器可以呈现页面之前，必须通过解析HTML标记来构建DOM树。每当解析器遇到脚本时，它必须停止并执行它，然后才能继续解析HTML。如果脚本动态地注入另一个脚本，解析器将被迫等待更长时间才能下载资源，这可能会导致一个或多个网络往返并延迟首次渲染页面的时间，导致页面无法加载或花费的时间长于用户放弃。根据Chrome中的设备，我们了解到，通过第三方脚本插入的document.write()页面的速度通常比2G的其他页面载入速度慢两倍，会出现页面阻塞。

（想了解更多的话自己查阅吧，我这里只解决这个报错问题o(￣︶￣)o）

解决办法

 <script  type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak= 自己申请的key" ></script>

将api替换成getscript

 <script  type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak= 自己申请的key" ></script>

搞定~~~

Vue引入百度地图警告：A Parser-blocking, cross site (i.e. different eTLD+1) script....相关推荐

html引入百度地图报错,vue引入百度地图BMapGL，或者其他个性化地图
3.jpg vue的百度地图早就有vue-baidu-map这里就不赘述了, 自己去直接对着API写就好了,基本上已经满足绝大多数需求了还简单方便. vue-baidu-map 传送门 https:/ ...
vue引入百度地图BMapGL，获取天地图根据名称显示坐标定位信息
1. 解决提示:解决调用百度地图API弹出提示 "百度未授权使用地图API,可能是因为您提供的密钥不是有效的百度LBS开放平台密钥"的方法百度官网生成ak: https://lb ...
解决Vue引入百度地图JSSDK：BMap is undefined 问题
原文链接:解决Vue引入百度地图JSSDK:BMap is undefined 问题百度地图官网文档介绍使用JSSDK时,仅提供了2种引入方式: script引入异步加载但vue项目中仅某一两个 ...
百度地图引用时报出A Parser-blocking, cross site (i.e. different eTLD+1) script
页面引入百度地图api时 chrome控制台报出问题 A Parser-blocking, cross site (i.e. different eTLD+1) script, http://api. ...
百度地图引用时，报错A parser-blocking, cross site (i.e. different eTLD+1) script
问题: 百度地图引用时,报错api?v=2.0&ak=MqgPRehwsDncQGZrRLg6OojcU8oSOYR2:1 A parser-blocking, cross site (i.e ...
页面引入百度API报警示问题 A Parser-blocking, cross site (i.e. different eTLD+1) script,
问题描述: 页面引入百度API报警示问题 A Parser-blocking, cross site (i.e. different eTLD+1) script, 把api引用url里面的 api ...
vue引入百度地图报错 BMap未定义 error ‘BMap‘ is not defined
vue项目引入百度地图报错 BMap未定义; 在经过了多次的测试后,修改webpack等配置文件后,发现了一个十分便捷的处理方法: 首先是在地图加载的方法中打印了window,发现BMap是挂载在w ...
vue引入百度地图使用地图的JavaScript API GL 实现在地图上标注点位
本文章针对于不会看文档的小白.刚毕业参加工作的前端朋友们. 1.首先要引入百度地图具体流程上个文章有. 2.根据官网的demo引入 (官网的不太详细,可以根据自己需求引入)我这里就展示一部分代码. ...
百度地图引用报错A parser-blocking, cross site (i.e. different eTLD+1) script
最近公司在搞vue项目,自己独立学习从头开始呀,都是泪.踩了好多坑,正好今天做到一个地方引入百度地图,之前做angular也做过,但是没有遇到这类问题. 百度地图引入首先要申请ak哈.这个网上很多东西 ...