关于小程序使用webview标题栏动态展示问题开发实践 - WXOPEN Club

关于小程序使用webview标题栏动态展示问题开发实践

问题描述

使用webview开发的小程序，小程序的标题栏根据webview中H5的标题展示，随着H5 页面路由不同，页面标题展示不同

H5使用VUE开发

问题总结

小程序可以正常展示H5 document 的title

实现

方式1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题写这里</title>
</head>
<body>
    
</body>
</html>

方式2

document.title

备注

开发者工具展示时有问题，只展示首次页面的document的title，后面title变更不会体现到小程序的标题上来

真机正常的

参考文章

小程序web-view页面标题不会根据H5设置的标题做出改变？? - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/00048a2ab7457067af0deaeac56c00

关于小程序使用webview标题栏动态展示问题开发实践