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>