document.fonts.ready.then为什么考虑同步XMLHttpRequest

Posted 2021-04-16

声明font-face时：浏览器倾向于等待文本WITH此字体加载.ttf或.otf ...

我发现了这段代码

document.fonts.ready.then(function () { });

当我尝试

function myAajax () {
    var xhr = new XMLHttpRequest(); 
    xhr.open("POST", "ajax.php", true);
    ...
    xhr.send(params);
}

document.fonts.ready.then(function () { myAajax (); });

我在Chrome控制台日志中获得[Deprecation] Synchronous XMLHttpRequest... ...

这会最终被阻止吗？

答案

我找到的解决方法是创建隐藏显示的div

<div id="ajaxContent" style="display:none;"></div>

然后调用我的ajax，当字体准备就绪时，显示div ...

myAajax ();
document.fonts.ready.then(function () {$("#ajaxContent").show(); });