我一直在向控制台添加日志,以检查不同变量的状态,而不使用Firefox调试器。
然而,在我在main.js文件中添加console.log的许多地方,我收到了以下错误,而不是我给自己的可爱的手写消息:
主线程上的同步XMLHttpRequest已弃用,因为它会对最终用户的体验产生不利影响。更多帮助http://xhr.spec.whatwg.org/
我可以在我的代码使用中添加哪些不会导致此错误的console.log替代品或包装器?
我“做错了”吗?
我一直在向控制台添加日志,以检查不同变量的状态,而不使用Firefox调试器。
然而,在我在main.js文件中添加console.log的许多地方,我收到了以下错误,而不是我给自己的可爱的手写消息:
主线程上的同步XMLHttpRequest已弃用,因为它会对最终用户的体验产生不利影响。更多帮助http://xhr.spec.whatwg.org/
我可以在我的代码使用中添加哪些不会导致此错误的console.log替代品或包装器?
我“做错了”吗?
当前回答
为避免此警告,请不要使用:
async: false
在任何$.ajax()调用中。这是XMLHttpRequest唯一被弃用的特性。
默认为
async: true
jQuery已经弃用了同步XMLHTTPRequest
其他回答
@ webgr部分回答实际上帮助我调试了这个警告@控制台日志,遗憾的是,答案的另一部分带来了这么多的反对票:(
不管怎样,下面是我发现这个警告的原因:
使用Chrome浏览器>按F12打开DevTools 打开抽屉菜单(在Chrome 3中右上角的垂直点) 在控制台>下检查Log XMLHttpRequests选项 重新加载给您错误的页面,并观察控制台日志中的每个ajax请求发生了什么。
在我的例子中,另一个插件在每次ajax调用后加载2个.js库,这是绝对不需要也没有必要的。禁用流氓插件从日志中删除了警告。从这一点上,你可以尝试自己解决这个问题(例如,限制脚本的加载到某些页面或事件-这是一个太具体的答案)或联系第三方插件开发人员来解决它。
希望这能帮助到一些人。
这个问题在我的案例中得到了解决。
JS
$.ajaxPrefilter(function( options, original_Options, jqXHR ) {
options.async = true;
});
这个答案被插入到这个链接中
https://stackoverflow.com/questions/28322636/synchronous-xmlhttprequest-warning-and-script
我发现这些问题导致早期重定向页面之前javascript完成,在我的情况下,firebase rtdb设置功能。
像@Nycen一样,我也得到了这个错误,因为一个链接到Cloudfare。我的是Select2插件。
我刚把它拆了
src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"
错误消失了。
警告消息可能是由于主线程中的XMLHttpRequest请求将async标志设置为false。
https://xhr.spec.whatwg.org/ synchronous:
Synchronous XMLHttpRequest outside of workers is in the process of being removed from the web platform as it has detrimental effects to the end user's experience. (This is a long process that takes many years.) Developers must not pass false for the async argument when the JavaScript global environment is a document environment. User agents are strongly encouraged to warn about such usage in developer tools and may experiment with throwing an InvalidAccessError exception when it occurs.
未来的方向是只允许工作线程中的xmlhttprequest。这条消息意在发出这方面的警告。