javascript - Android 的 webview 中怎么監聽 url 的 hash 變化
問題描述
場景Android 的 webview 中加載一個 SPA (單頁面應用)網站
過程我通過 shouldoverrideurl 方法來監聽 Webview 的 URL,對 URL 進行某些預處理
但是,SPA 中大部分是 hash 值變化,因此這個方法就監聽不到變化
舉例從 a.html#/home 跳轉到 a.html#/other
問題請問有什么辦法監聽 hash 值的變化嗎?
問題解答
回答1:只能通過 HTML5 新增加的 window.onhashchange() API。shouldoverrideurl 應該監聽不到吧。
如果你不想修改 js 代碼,可以在 java 中注入:
定義一個處理 js 的類:
private class MyJSI { public void doStuff() {// 你的邏輯 }}
注入到 webview 中:
webView.addJavascriptInterface(new MyJSI(), 'myjsi');
監聽 onhashchange 事件:
webview.setWebViewClient(new WebViewClient() { public void onPageFinished(WebView view, String url) {view.loadUrl('javascript:window.onhashchange = function() { myjsi.doStuff(); };'); }});
相關文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?4. javascript - 移動端上不能實現拖拽布局嗎?5. 實現bing搜索工具urlAPI提交6. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化7. javascript - nodejs關于進程間發送句柄的一點疑問8. phpstudy8.1支持win11系統嗎?9. 如何解決Centos下Docker服務啟動無響應,且輸入docker命令無響應?10. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~

網公網安備