vue.js的h5頁面與android(WebViewJavascriptBridge) / ios(window.webkit.messageHandlers)互動詳細
阿新 • • 發佈:2021-11-10
一、首先是h5頁面與android互動:這裡,我互動的android用的是WebViewJavascriptBridge:
####android呼叫h5方法並傳遞訊息:
注意:在vue與android互動的時候,android的方法裡this指向無效,需要賦值that;
#### h5傳遞訊息給android:
二、h5頁面與IOS互動,這裡IOS用的是window.webkit.messageHandlers:
#### IOS呼叫h5頁面方法,並傳遞訊息:
寫一個方法,接受對應的引數,此時不需要呼叫這個方法,只需要把這個方法暴露給window,IOS便可直接獲取到,進行傳參;h5只要在方法內接收對應引數進行操作即可
####h5頁面傳送訊息給IOS
定義好需要傳的內容,window.webkit這句是關鍵,可直接把dict定義好的內容傳送給ios接收,FirstJsObect2是需要在ios內註冊的一個方法名;
————————————————
版權宣告:本文為CSDN博主「lyyo_cd」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處連結及本宣告。
原文連結:https://blog.csdn.net/lyyo_cd/article/details/84304864