JavaScript console.log导致错误:“主线程上的同步XMLHttpRequest已弃用…”

我一直在向控制台添加日志，以检查不同变量的状态，而不使用Firefox调试器。

然而，在我在main.js文件中添加console.log的许多地方，我收到了以下错误，而不是我给自己的可爱的手写消息:

主线程上的同步XMLHttpRequest已弃用，因为它会对最终用户的体验产生不利影响。更多帮助http://xhr.spec.whatwg.org/

我可以在我的代码使用中添加哪些不会导致此错误的console.log替代品或包装器?

我“做错了”吗?

当前回答

在我的情况下，这是由Cloudflare提供的“CDNJS选择”应用程序中的灵活脚本引起的。

根据Cloudflare的说法，“该应用程序已于2015年3月弃用”。我把手机关掉，留言立刻就消失了。

您可以通过访问https://www.cloudflare.com/a/cloudflare-apps/yourdomain.com访问这些应用程序

注意:这是我在这个线程上的答案的副本同步XMLHttpRequest警告和<脚本>(我在寻找解决方案时访问了这两个)

2015-05-19 17:21:46

其他回答

我用以下步骤来解决这个问题:

检查您的CDN脚本并在本地添加它们。将脚本包含移动到标题部分。

2015-10-21 07:30:37

我得到了这个例外，包括一个can.js脚本在另一个，例如，

{{>anotherScript}}

2015-05-25 21:22:56

@ webgr部分回答实际上帮助我调试了这个警告@控制台日志，遗憾的是，答案的另一部分带来了这么多的反对票:(

不管怎样，下面是我发现这个警告的原因:

使用Chrome浏览器>按F12打开DevTools 打开抽屉菜单(在Chrome 3中右上角的垂直点) 在控制台>下检查Log XMLHttpRequests选项重新加载给您错误的页面，并观察控制台日志中的每个ajax请求发生了什么。

在我的例子中，另一个插件在每次ajax调用后加载2个.js库，这是绝对不需要也没有必要的。禁用流氓插件从日志中删除了警告。从这一点上，你可以尝试自己解决这个问题(例如，限制脚本的加载到某些页面或事件-这是一个太具体的答案)或联系第三方插件开发人员来解决它。

希望这能帮助到一些人。

2017-02-05 23:42:32

这个问题是2014年提出的，现在是2019年，所以我想寻找更好的选择是件好事。

你可以简单地在Javascript中使用fetch api，它为你提供了更多的灵活性。

例如，请参阅此代码

fetch('./api/some.json')
    .then((response) => {
        response.json().then((data) => { 
            ... 
        });
    })
    .catch((err) => { ... });

2019-01-03 06:02:41