2021-02-08 分類: 網站建設
隨著移動端互聯網的發展,越來越的APP運用到H5,可移動端H5與原生JavaScript是如何交互的呢?
JavaScript調用Native的方式,主要有兩種:注入API和攔截URL SCHEME。
1、Android的處理方式
Android中,就是新建一個類,里面寫提供給H5操作的方法,并規定別名。
在安卓4.2以上可以直接使用@JavascriptInterface注解來聲明。
定義完這個方法后再調用mWebView.addJavascriptInterface()方法。
將方法注入在window中,H5調用時,根據“window. 別名.方法”來調用。
2、IOS的處理方式
IOS是利用WKWebView的新特性MessageHandler來實現JS調用原生方法的。
WKWebView初始化時,創建WKWebViewConfiguration對象,配置各個接口對應的MessageHandler,然后再接受js傳遞的參數調用接口。
H5中調用時,使用window.webkit.messageHandlers.接口名. postMessage(參數)。
攔截URL SCHEME的主要流程是:Web端通過某種方式(例如iframe.src)發送URL Scheme 請求,之后Native攔截到請求并根據URL SCHEME(包括所帶的參數)進行相關操作。
在這個過程中,這種方式有一定的缺陷:
分享標題:移動端H5與原生JavaScript是如何交互的?
標題路徑:http://m.newbst.com/news37/99837.html
成都網站建設公司_創新互聯,為您提供移動網站建設、靜態網站、網站制作、面包屑導航、虛擬主機、網站設計
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容