首页 > 其他分享 >【快应用】打开一个H5页面,能修改标题吗?

【快应用】打开一个H5页面,能修改标题吗?

时间:2022-08-18 13:26:05浏览次数:69  
标签:web 网页 标题 修改 应用 H5 页面

如果使用快应用webview接口打开网页,无法在快应用中修改标题栏,快应用显示的标题是来自于网页中设置的标题,开发者可以在网页中去修改标题,这样快应用中就同步修改了。

如果使用快应用web组件加载网页,开发者可以通过web组件的titlereceive事件监听网页标题,然后通过页面的setTitleBar方法更新标题,核心代码如下:

 

<web class="web-page" src="https://www.huawei.com" supportzoom="true" onpagestart="onPageStart" onpagefinish="onPageFinish" ontitlereceive="onTitleReceive" one rror="onError" onmessage="onMessage" onprogress="onProgress" id="web" allowthirdpartycookies="true" multiwindow="true">
</web>

 

 

onTitleReceive(e) {
var title = e.title
this.$page.setTitleBar({text: title});
},

 

欲了解更多更全技术文章,欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh

标签:web,网页,标题,修改,应用,H5,页面
From: https://www.cnblogs.com/developer-huawei/p/16598335.html

相关文章