当前位置：首页 > news >正文

uniapp的h5，打开的时候，标题会一闪而过应用名称，再显示当前页面的标题

news 来源：原创 2025/5/3 9:07:29

问题：

微信小程序，通过webview打开了uniapp创建的h5，但是打开h5时，会先显示h5的应用名称，然后才切换为该页面的标题。

过程：

查过很多资料，有说修改应用名称，有说设置navigationStyle等（也就是设置该页面的属性），还有的直接在页面的onReady中设置title的，这些都是只针对单个页面的操作，而且设置之后，对于我的项目还是不起作用。

解决办法：

最后发现，自己项目中，预设了index.html（我的项目放在了public/index.html，有些项目可能直接在根目录下的index.html），而index.html中设置了title，取得是应用名称，所以不管打开哪个页面，都会先显示应用名称，然后再出现该页面标题，修改办法，直接去掉title的设置，或者改为自己想要的。如下，htmlWebpackPlugin.options.title取得是应用名称，可以直接去掉title

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title><%= htmlWebpackPlugin.options.title %></title><script>document.addEventListener('DOMContentLoaded', function() {document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'})var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" /></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --></body></html>