字節(jié)跳動小程序開發(fā)組件文檔 web-view

2020-07-13 11:17 更新

web-view 組件是一個可以用來承載網(wǎng)頁的容器，會自動鋪滿整個頁面。

屬性名	類型	默認值	說明	最低版本
src	String	N/A	webview 指向網(wǎng)頁的鏈接?？纱蜷_關(guān)聯(lián)的頭條號的文章，其它網(wǎng)頁需登錄字節(jié)小程序開發(fā)者平臺配置業(yè)務域名。	1.0.0
bindmessage	EventHandler	N/A	網(wǎng)頁向小程序 postMessage 時，會在特定時機（小程序后退、組件銷毀、分享）觸發(fā)并收到消息。	1.17.0
bindload	EventHandler	N/A	當網(wǎng)頁加載完成時觸發(fā)當消息。	1.28.0
binderror	EventHandler	N/A	當網(wǎng)頁加載失敗時觸發(fā)的消息。	1.0.0
progressbar-color	String	#51a0d8	webview 的進度條顏色。	1.0.0

示例

<web-view src="http://some-domain/some/path" rel="external nofollow" ></web-view>

<web-view /> 網(wǎng)頁中可使用JSSDK提供的接口返回小程序頁面。支持的接口有：

接口名	說明
tt.miniProgram.redirectTo	參數(shù)與小程序接口一致。
tt.miniProgram.navigateTo	參數(shù)與小程序接口一致。
tt.miniProgram.switchTab	參數(shù)與小程序接口一致。
tt.miniProgram.reLaunch	參數(shù)與小程序接口一致。
tt.miniProgram.navigateBack	參數(shù)與小程序接口一致。
tt.miniProgram.postMessage	向小程序發(fā)送消息，會在特定時機（小程序后退、組件銷毀、分享）觸發(fā)組件的 message 事件。

redirectTo、navigateTo 等頁面跳轉(zhuǎn)的 api 只支持 url 為 / 開始的絕對路徑

Bug & Tip

web-view 組件的 userAgent 的特征值是 ToutiaoMicroApp，可以通過 navigator.userAgent.toLowerCase().includes('toutiaomicroapp') 來判斷頁面環(huán)境是否為字節(jié)小程序。

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充