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

2020-07-13 11:17 更新

web-view 組件是一個(gè)可以用來(lái)承載網(wǎng)頁(yè)的容器,會(huì)自動(dòng)鋪滿(mǎn)整個(gè)頁(yè)面。

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

示例


開(kāi)發(fā)者工具中預(yù)覽

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

API


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

接口名 說(shuō)明
tt.miniProgram.redirectTo 參數(shù)與小程序接口一致。
tt.miniProgram.navigateTo 參數(shù)與小程序接口一致。
tt.miniProgram.switchTab 參數(shù)與小程序接口一致。
tt.miniProgram.reLaunch 參數(shù)與小程序接口一致。
tt.miniProgram.navigateBack 參數(shù)與小程序接口一致。
tt.miniProgram.postMessage 向小程序發(fā)送消息,會(huì)在特定時(shí)機(jī)(小程序后退、組件銷(xiāo)毀、分享)觸發(fā)組件的 message 事件。
redirectTo、navigateTo 等頁(yè)面跳轉(zhuǎn)的 api 只支持 url 為 / 開(kāi)始的絕對(duì)路徑

Bug & Tip

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


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)