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

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

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

 

<web class="web-page" src="https://www.huawei.com" supportzoom="true" onpagestart="onPageStart" onpagefinish="onPageFinish" ontitlereceive="onTitleReceive" onerror="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

{{o.name}}
{{m.name}}

猜你喜欢

转载自my.oschina.net/u/4478396/blog/5567033