H5页面设置title,设置默认title为空,解决title闪烁问题

H5页面中常常需要通过js动态设置title信息:

在页面加载完成后通过js更新title内容时,会卡顿一下,闪烁一下默认title内容,后变为更新的内容(如果HTML中title标签为空时,浏览器会默认显示为页面地址信息);

为解决以上问题,可在html模板页面内容前插入script标签, document.title = '\u200E';  设置title为空,在页面加载完成后再设置对应的title内容;

<!DOCTYPE html>
<html lang="zh-cn">
...
<title> </title>
<script>
       document.title = '\u200E';
</script>
...

<div id="app"></div>

<script>
       document.title = '....';
</script>

猜你喜欢

转载自www.cnblogs.com/pangys/p/12551744.html