庞永胜

H5页面设置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>

 

posted @ 2020-03-23 13:42  庞永胜  阅读(2172)  评论(0)  编辑  收藏  举报