繁体   English   中英

BrowserSync与分析脚本导致错误

[英]BrowserSync with analytics scripts causing errors

我们的HTML中包含Google Analytics和Azure Application Insights分析脚本,包括Google Analytics。 它们位于<head>中的<script>标记中。 当我们使用Browsersync观看时,它们会导致错误,特别是浏览器同步早午餐,因为我们使用早午餐作为我们的构建系统。 但是,在观看时,此错误会两次打印到控制台(有趣的是,我们有两个分析标记):

XMLHttpRequest无法加载http:// localhost:3000 / browser-sync / socket.io /?EIO = 3&transport = polling&t = 1494358571902-4&sid = rhGMlOFa_MbRrYbLAAAD 预检响应中的Access-Control-Allow-Headers不允许请求标头字段x-ms-request-id。

并且每隔几秒重复设置此错误:

选项http:// localhost:3000 / browser-sync / socket.io /?EIO = 3&transport = polling&t = 1494358572782-5 400(错误请求)

选项http:// localhost:3000 / browser-sync / socket.io /?EIO = 3&transport = polling&t = 1494358572782-5 400(错误请求)

XMLHttpRequest无法加载http:// localhost:3000 / browser-sync / socket.io /?EIO = 3&transport = polling&t = 1494358572782-5 预检的响应具有无效的HTTP状态代码400

我相当肯定这些分析脚本会导致问题,因为使用uBlock Origin阻止它们会使它工作得很好。

我想知道在注入Browsersync标签之前是否与这些脚本标签有关(紧接在<body>标签内部,请参阅文档 )。 但是将它们移动到<body>标记的末尾并没有解决问题。

造成这种情况的原因是什么?如何减轻这种影响?

注意:这不是一个“答案”,但是太长,无法发表评论。

使用Firefox Web开发人员工具栏的javascript控制台调试器和Chrome浏览器,我检查了使用谷歌分析的页面,我相信你可以在很大程度上从可疑列表中排除谷歌分析,他们通常用他们的js做好工作。

你的错误也清楚地指向浏览器同步,所以这可能是罪魁祸首。 但是你的本地开发站点是可疑的,你为什么不为它制作一个合适的虚拟主机,而不是使用localhost? 我对浏览器同步一无所知,所以我只想注意这一点,以排除你的情况。

我怀疑你的实时网站是作为localhost运行的,所以你可能想要纠正这个问题,以消除一个可能出现小差异的可能点。我总是尽量使用我所做的任何网站上的所有内容的实时生产。意味着你永远不会在网站的实际运行代码中的任何地方看到本地主机,你会看到该网站的开发或真实域名,如: http:// our-dev-site /或其他。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM