1. 程式人生 > 其它 >vue.js的h5頁面與android(WebViewJavascriptBridge) / ios(window.webkit.messageHandlers)互動詳細

vue.js的h5頁面與android(WebViewJavascriptBridge) / ios(window.webkit.messageHandlers)互動詳細

一、首先是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