uni-app 打包的H5有两个页面，在小程序里用webview访问时页面标题问题：只会显示第一个进入页面的标题，进入第二个页面后标题不会自动修改

在uni-app中，当你使用WebView组件在小程序中加载H5页面时，确实可能会遇到页面标题不会自动更新的问题。这是因为小程序中的WebView组件对页面标题的更新支持有限，通常只能捕获到初始加载页面的标题。为了解决这个问题，你可以采取以下几种方法：

方法一：使用JavaScript接口修改WebView标题

你可以通过JavaScript接口与小程序进行通信，手动更新小程序的页面标题。以下是一个基本的实现思路：

1. 在H5页面中添加JavaScript代码：

   function setWebViewTitle(title) {
       // 发送消息到小程序，要求更新标题
       if (window.WeixinJSBridge) {
           WeixinJSBridge.invoke('setTitle', {
               title: title
           });
       }
   }
   
   // 假设在某个页面加载或路由变化时调用此函数
   document.addEventListener('DOMContentLoaded', function () {
       setWebViewTitle('新页面标题');
   });
   

2. 在小程序WebView组件中监听消息：

   <web-view src="https://your-h5-page-url.com" bindmessage="handleMessage"></web-view>
   

   Page({
       handleMessage(e) {
           const data = e.detail.data;
           if (data && data.method === 'setTitle') {
               wx.setNavigationBarTitle({
                   title: data.title
               });
           }
       }
   });
   

   注意：这里的bindmessage监听方法可能并不直接支持所有类型的消息传递，特别是自定义的标题更新。微信小程序对WebView的postMessage和onMessage支持有限，主要依赖于WeixinJSBridge等微信提供的特定接口。

方法二：使用URL参数传递标题（不推荐，但可行）

虽然这种方法不够优雅，但可以通过在URL中传递标题参数，并在小程序端解析URL来更新标题。每次页面变化时，通过JavaScript修改当前页面的URL（包含新的标题参数），然后小程序端监听URL变化并更新标题。

注意事项

• 兼容性：上述方法依赖于微信提供的特定接口或行为，可能在不同版本的微信中存在差异。
• 安全性：确保传递的数据是安全的，避免XSS等安全问题。
• 用户体验：频繁更新标题可能会影响用户体验，特别是在快速切换页面时。

由于微信小程序对WebView的限制，实现动态标题更新可能需要一些额外的努力。在实际项目中，建议根据具体需求和微信小程序的更新情况选择合适的方法。