javascript - Android 的 webview 中怎么監(jiān)聽 url 的 hash 變化
問題描述
場(chǎng)景Android 的 webview 中加載一個(gè) SPA (單頁面應(yīng)用)網(wǎng)站
過程我通過 shouldoverrideurl 方法來監(jiān)聽 Webview 的 URL,對(duì) URL 進(jìn)行某些預(yù)處理
但是,SPA 中大部分是 hash 值變化,因此這個(gè)方法就監(jiān)聽不到變化
舉例從 a.html#/home 跳轉(zhuǎn)到 a.html#/other
問題請(qǐng)問有什么辦法監(jiān)聽 hash 值的變化嗎?
問題解答
回答1:只能通過 HTML5 新增加的 window.onhashchange() API。shouldoverrideurl 應(yīng)該監(jiān)聽不到吧。
如果你不想修改 js 代碼,可以在 java 中注入:
定義一個(gè)處理 js 的類:
private class MyJSI { public void doStuff() {// 你的邏輯 }}
注入到 webview 中:
webView.addJavascriptInterface(new MyJSI(), 'myjsi');
監(jiān)聽 onhashchange 事件:
webview.setWebViewClient(new WebViewClient() { public void onPageFinished(WebView view, String url) {view.loadUrl('javascript:window.onhashchange = function() { myjsi.doStuff(); };'); }});
相關(guān)文章:
1. node.js - mongodb查找子對(duì)象的名稱為某個(gè)值的對(duì)象的方法2. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個(gè)是怎么回事????3. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤?4. html5 - datatables 加載不出來數(shù)據(jù)。5. 前端 - @media query 使用出現(xiàn)的問題?6. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)!7. javascript - 在 model里定義的 引用表模型時(shí),model為undefined。8. 測(cè)試自動(dòng)化html元素選擇器元素ID或DataAttribute [關(guān)閉]9. javascript - QQ第三方登錄的問題10. html5和Flash對(duì)抗是什么情況?

網(wǎng)公網(wǎng)安備