快捷導(dǎo)航

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)文章

談?wù)凙ndroid里的Context的使用實(shí)例
這篇文章主要介紹了談?wù)凙ndroid里的Context的使用實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2016-11-11
Android條紋進(jìn)度條的實(shí)現(xiàn)(調(diào)整view寬度仿進(jìn)度條)
這篇文章主要給大家介紹了關(guān)于Android實(shí)現(xiàn)條紋進(jìn)度條的方法，主要是通過調(diào)整view寬度仿進(jìn)度條，文中通過示例代碼介紹的非常詳細(xì)，對(duì)各位Android開發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧
2018-09-09
Android 自定義ContentProvider簡(jiǎn)單實(shí)例
這篇文章主要介紹了Android 自定義ContentProvider簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-06-06
Android編程實(shí)現(xiàn)自定義分享列表ACTION_SEND功能的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)自定義分享列表ACTION_SEND功能的方法,結(jié)合實(shí)例形式詳細(xì)分析了自定義分享列表功能的步驟與具體操作技巧,需要的朋友可以參考下
2017-02-02
Android用PopupWindow實(shí)現(xiàn)自定義Dailog
這篇文章主要為大家詳細(xì)介紹了Android用PopupWindow實(shí)現(xiàn)自定義Dailog的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
Android日期選擇器對(duì)話框DatePickerDialog使用詳解
這篇文章主要為大家詳細(xì)介紹了Android日期選擇器對(duì)話框DatePickerDialog的使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-01-01
Android 自定義LayoutManager實(shí)現(xiàn)花式表格
這篇文章主要介紹了Android 自定義LayoutManager實(shí)現(xiàn)花式表格，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-02-02
Android ListView與ScrollView沖突的解決方法總結(jié)
這篇文章主要介紹了Android ListView與ScrollView沖突的解決方法總結(jié)的相關(guān)資料,需要的朋友可以參考下
2017-04-04
android 自定義Android菜單背景的代碼
如何自定義Android菜單背景呢? 默認(rèn)的情況下Android系統(tǒng)的菜單是白色的，下面的例子可以通過自定義的xml布局實(shí)現(xiàn)個(gè)性化的menu
2013-01-01
Android 如何使用短信鏈接打開APP
這篇文章主要介紹了Android 如何使用短信鏈接打開APP，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-03-03