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

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

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

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

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

我“做错了”吗?

当前回答

有时候ajax加载一个脚本是必要的，但是延迟文档准备直到脚本加载之后。

jQuery通过holdReady()函数支持这一点。

使用示例:

$.holdReady(true);                              //set hold
function releaseHold() { $.holdReady(false); }  //callback to release hold
$.getScript('script.js', releaseHold);          //load script then release hold

实际的脚本加载是异步的(没有错误)，但是如果JavaScript的其余部分在文档就绪后运行，那么效果是同步的。

动态脚本通常会使用这个高级特性加载器，想要加载额外的JavaScript，如jQuery插件在允许就绪事件发生之前，即使DOM可能发生准备好了。

文档: https://api.jquery.com/jquery.holdready

2019年1月7日更新

从JQMIGRATE:

jQuery.holdReady() is deprecated Cause: The jQuery.holdReady() method has been deprecated due to its detrimental effect on the global performance of the page. This method can prevent all the code on the page from initializing for extended lengths of time. Solution: Rewrite the page so that it does not require all jQuery ready handlers to be delayed. This might be accomplished, for example, by late-loading only the code that requires the delay when it is safe to run. Due to the complexity of this method, jQuery Migrate does not attempt to fill the functionality. If the underlying version of jQuery used with jQuery Migrate no longer contains jQuery.holdReady() the code will fail shortly after this warning appears.

2015-09-26 23:52:03

其他回答

我一直在看答案，都令人印象深刻。我认为他应该提供给他一个问题的代码。给出下面的例子，如果你在page.php中有一个链接到jquery的脚本，你就会得到通知。

$().ready(function () {
    $.ajax({url: "page.php",
        type: 'GET',
        success: function (result) {
        $("#page").html(result);
   }});
 });

2015-10-15 10:06:07

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

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

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

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

2015-05-19 17:21:46

这个问题在我的案例中得到了解决。

$.ajaxPrefilter(function( options, original_Options, jqXHR ) {
    options.async = true;
});

这个答案被插入到这个链接中

https://stackoverflow.com/questions/28322636/synchronous-xmlhttprequest-warning-and-script

2017-12-28 13:41:08

在我的特殊情况下，我呈现了一个没有渲染布局的Rails部分:false，这是重新渲染整个布局，包括<head>标记中的所有脚本。添加渲染布局:false控制器动作修复了这个问题。

2017-06-09 22:48:09

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

{{>anotherScript}}

2015-05-25 21:22:56

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

推荐文章

最新文章

标签