个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
29
4
我们的 HTML 中有 Google Analytics 和 Azure Application Insights 分析脚本，包括 Google Analytics。他们在 <script> <head> 中的标签.当我们使用 Browsersync 观看时，尤其是使用 browser-sync-brunch 时，它们会导致错误，因为我们使用 brunch 作为我们的构建系统。然而，在观看时，这个错误被打印到控制台两次(有趣的是我们有两个分析标签):
XMLHttpRequest cannot load http://localhost:3000/browser-sync/socket.io/?EIO=3&transport=polling&t=1494358571902-4&sid=rhGMlOFa_MbRrYbLAAAD. Request header field x-ms-request-id is not allowed by Access-Control-Allow-Headers in preflight response.
并且每隔几秒就会重复出现此错误:
OPTIONS http://localhost:3000/browser-sync/socket.io/?EIO=3&transport=polling&t=1494358572782-5 400 (Bad Request)
OPTIONS http://localhost:3000/browser-sync/socket.io/?EIO=3&transport=polling&t=1494358572782-5 400 (Bad Request)
XMLHttpRequest cannot load http://localhost:3000/browser-sync/socket.io/?EIO=3&transport=polling&t=1494358572782-5. Response for preflight has invalid HTTP status code 400
我相当确定是这些分析脚本导致了问题，因为使用 uBlock Origin 阻止它们可以使其正常工作。
我想知道它是否与这些脚本标签有关，这些脚本标签位于注入(inject) Browsersync 标签之前(紧接在 <body> 标签内，请参阅 documentation )。但是将它们移动到 <body> 的末尾标签没有解决问题。
是什么原因造成的，如何缓解？
最佳答案
注意:这不是“答案”，但太长而不能作为评论。
同时使用 Firefox Web 开发人员工具栏的 javascript 控制台调试器和 Chrome，我检查了我们的页面，这些页面使用了谷歌分析，我相信你可以在很大程度上从可疑列表中排除谷歌分析，他们通常用他们的 js 做的很好。
您的错误也都清楚地指向浏览器同步，所以这可能是罪魁祸首。然而，您的本地开发站点值得怀疑，您为什么不为它创建一个合适的虚拟主机，而不使用 localhost？我对浏览器同步一无所知，所以我只是注意到这一点以排除您的情况的可能性。
我怀疑您的实时站点是否作为本地主机运行，因此您可能希望更正该问题以消除可能会出现微小差异的点。我总是尝试在我做的任何站点上使用尽可能接近实时生产的内容，这意味着您永远不会在站点的实际运行代码中的任何地方看到本地主机，您会看到该站点是 dev 或真实域名，例如:http://our-dev-site/或其他。
关于javascript - BrowserSync 与导致错误的分析脚本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43878742/
29
4
0
我安装了一个插件 BrowserSync Plugin for Cordova并在控制台中运行此输入:cordova run -- --live-reload。我更改了代码和控制台显示: [BS] S
我刚刚安装了 Firefox Dev Edition ，而且我不知道如何告诉 browsersync 在启动时启动它。 我知道有一个 browser 选项，我可以在其中指定“firefox”，但我如何
因此，我想将 browsersync 连接到我无法控制的站点。基本上我希望它用我计算机上的 css 文件替换实时站点上的 css 文件(它是从一堆较少的文件中编译的)。当该本地 css 文件更改时，b
当我运行 Gulp 时，UI 页面在 http://localhost:3001 上工作，但在 http://localhost:3000浏览器提供一个卡住加载的空白页面，没有控制台错误。 我在 Wi
我正在使用 Gulp 和 BrowserSync 在 localhost:9000 上为我的 web 应用程序提供服务. 我如何在 localhost:9000/some/multi/level/pa
我在 gulp 中遇到了 browserSync 插件的烦人问题。如果我更改 html 中的某些内容，则更改会在第二次刷新后显示。仅适用于 html，如果我更改 css 或 js，则更改在第一次重新加
我想我遇到了一个有趣的问题。在 gulp 中调用此任务时: gulp.task("cssReload",function () { browserSync.stream(); }); 它不起作
我使用了 gulpfile.js 的许多变体和全局浏览器同步的“browser-sync start --server --files "*.html”命令，但自动重新加载不起作用。我只收到了 [Br
我是 gulp 新手，我正在尝试让浏览器同步工作。除了同步滚动不起作用之外，它似乎工作正常。任何人都可以看到我的设置可能有什么问题。 var gulp = require('gulp'), j
Browsersync 只是重新加载 index.html，即使我设置了 basedir，甚至是文件选项中列出的特定文件。 我看过他们的文档，但我拥有他们所说的一切，但它仍然只刷新或同步index.h
我有浏览器同步设置并通过 gulp 运行。尽管当浏览器是事件且选定的窗口时它会自动刷新，但如果不是，则不会。 这意味着我无法将编辑器和浏览器并排放置，并且在编辑器中更改代码时无法在浏览器上看到持续更新
上周我尝试从头开始为一个小型 javascript 项目编写一个 gulpfile。我选择使用 BrowserSync 来编译我的代码并重新加载浏览器 (Chrome)。整个周末它都运行良好，我完成了
我们的 HTML 中有 Google Analytics 和 Azure Application Insights 分析脚本，包括 Google Analytics。他们在 中的标签.当我们使用
BrowserSync 的新手。我正在尝试找出如何让它继续下去哈哈。 我存储所有内容的主文件称为“gulpwork”。 里面有4个文件夹；两个用于将 Pug ('src') 转换为 HTML ('di
我在使用 browserSync 时遇到问题，在尝试了几种不同的方法后我无法重新加载 do 触发器。 BrowserSync 本身已启动并正在运行，但当我手动重新加载时没有任何反应，我必须打开一个新选
我在我的网站上使用 BrowserSync。以下实时重新加载我的 CSS 更改，但它会在 http://localhost:3000/ 打开一个网页 gulp.task('sass-watch', [
我刚刚安装了 Laravel 5.3，这是一个全新的安装，在查看文档后，我设置了 Gulpfile，如下所示: elixir((mix) => { mix.sass('app.scss')
我将 gulp 与 browserSync 与下一个配置一起使用(简化): gulp.task('serve', ['compile_styles'], function() { browse
考虑这个example BrowserSync + Gulp 页面上有关浏览器重新加载的信息，特别是这部分: // use default task to launch BrowserSync and
BrowserSync 初始化时抛出 TypeError: [12:02:53] TypeError: undefined is not a function at Object.init (
我是一名优秀的程序员,十分优秀！