Android webview注入JS代碼 修改網頁內容操作

今天開發的時候遇到一個需求，就是需要隱藏webview的元素，鼓搗了半天 在stack overFlow找到了解決辦法 在此記錄一下

final WebView webview = (WebView)findViewById(R.id.browser); webview.getSettings().setJavaScriptEnabled(true); webview.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { // hide element by class name webview.loadUrl('javascript:(function() { ' + 'document.getElementsByClassName(’your_class_name’)[0].style.display=’none’; })()'); // hide element by id webview.loadUrl('javascript:(function() { ' + 'document.getElementById(’your_id’).style.display=’none’;})()'); } }); webview.loadUrl(url);

結束！

補充知識：android——webview修改html界面，達到去除或隱藏部分界面的效果

如下所示：

去除NBA及CAB頻道。

為了達到這個效果，當時考慮了兩種方式。

第一種是在webview加載前，先講html代碼拉下來，修改后，在通過webview去加載。

第二種就是查看源代碼，直接動手修改源代碼，然后把源代碼放在assets文件下，每次直接從本地加載。

在查看完源代碼(在電腦瀏覽器，打開網頁，右鍵單擊，查看源代碼)后發現，這個網頁，太適合第二種方式了。頻道是寫死的?？梢灾苯痈?。而其他的界面都是通過js動態生成的。毫不猶豫的把源代碼copy下來(注意格式，utf-8,無bom，否則中文亂碼)。

就這樣，第一個問題順利解決了。

加載assets下的html代碼方式為：

webview.loadUrl('file:///android_asset/test.html');

以上這篇Android webview注入JS代碼 修改網頁內容操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。