【填坑】小程序webview使用簡單匯總

 官方：https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

1、一個小程序賬號只能發布一個小程序

2、webview跳轉頁面后無返回按鈕

3、自定義導航欄對webview無效，懸浮也無效

4、內嵌h5頁面暫無法通過按鈕觸發小程序分享

　　解決方法：跳轉至小程序進行按鈕分享，或引導右上角分享

5、h5向小程序傳遞消息時是自動觸發的 

6、小程序接收h5消息在特定時機觸發（如小程序后退、組件銷毀、分享時）

7、判斷h5是否在小程序內打開，建議使用官方wx.miniProgram.getEnv() 

8、微信開發工具webview調試h5

　　web-view組件上右鍵-調試，打開調試

9、分享鏈接編碼處理

//小程序分享share.js
onShareAppMessage(options) {
        let that = this;
        let url = '/pages/webview/webview?shareUrl=' + encodeURIComponent(that.data.share_url);
        let shareObj = {
            path: url,
            success: function(res) {
                if (res.errMsg == 'shareAppMessage:ok') {}
            }
        };
        return shareObj;
    }


//小程序接收js
    onLoad: function(options) {
        let that = this;
        if (options) {
            if(options.shareUrl){
            that.setData({
                    banTolink:decodeURIComponent(options.shareUrl)
                })

            }
            
        }
    },

 10、webview加載間隙，中間會出現1到2秒的白屏等待，有時快有時慢，待解決

11、域名授權url參數