Android webview注入JS代碼修改網(wǎng)頁內(nèi)容操作

更新時(shí)間：2020年03月25日 16:24:42 作者：透光倒影

這篇文章主要介紹了Android webview注入JS代碼修改網(wǎng)頁內(nèi)容操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

今天開發(fā)的時(shí)候遇到一個(gè)需求，就是需要隱藏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);

結(jié)束！

補(bǔ)充知識(shí)：android——webview修改html界面，達(dá)到去除或隱藏部分界面的效果

如下所示：

去除NBA及CAB頻道。

為了達(dá)到這個(gè)效果，當(dāng)時(shí)考慮了兩種方式。

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

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

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

就這樣，第一個(gè)問題順利解決了。

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

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

以上這篇Android webview注入JS代碼修改網(wǎng)頁內(nèi)容操作就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Android開發(fā)App啟動(dòng)流程與消息機(jī)制詳解
這篇文章主要為大家介紹了Android開發(fā)App啟動(dòng)流程與消息機(jī)制詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
Android自定義VIew實(shí)現(xiàn)衛(wèi)星菜單效果淺析
這篇文章主要介紹了Android自定義VIew實(shí)現(xiàn)衛(wèi)星菜單效果淺析,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-11-11
android自定義ListView實(shí)現(xiàn)底部View自動(dòng)隱藏和消失的功能
本篇文章主要介紹了android自定義ListView實(shí)現(xiàn)底部View自動(dòng)隱藏和消失的功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2017-03-03
Android 表格布局TableLayout示例詳解
本文主要介紹Android TableLayout布局,這里整理了TableLayout的資料，并附示例代碼和實(shí)現(xiàn)效果圖，有興趣的小伙伴可以參考下
2016-08-08
Android實(shí)現(xiàn)用戶頭像更換操作
這篇文章主要介紹了Android實(shí)現(xiàn)用戶頭像更換操作的相關(guān)資料,更改頭像用戶操作很簡(jiǎn)單，但是對(duì)于程序員實(shí)際操作有些復(fù)雜，需要了解的朋友可以參考下
2016-04-04
Flutter布局模型之層疊定位
這篇文章主要為大家詳細(xì)介紹了Flutter布局模型之層疊定位，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-08-08
Android OkHttp基本使用詳解
OkHttp是一個(gè)相對(duì)成熟的解決方案,需要的朋友可以參考下
2018-03-03
Android 高仿微信朋友圈動(dòng)態(tài)支持雙擊手勢(shì)放大并滑動(dòng)查看圖片效果
這篇文章主要介紹了Android 高仿微信朋友圈動(dòng)態(tài)支持雙擊手勢(shì)放大并滑動(dòng)查看圖片效果,需要的朋友參考下
2017-01-01
Flutter模仿實(shí)現(xiàn)微信底部導(dǎo)航欄流程詳解
這篇文章主要介紹了Flutter模仿實(shí)現(xiàn)微信底部導(dǎo)航欄流程，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧
2023-05-05
Android編程自定義菜單實(shí)現(xiàn)方法詳解
這篇文章主要介紹了Android編程自定義菜單實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了Android自定義菜單的布局、動(dòng)畫及功能相關(guān)實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下
2017-02-02