Android webview注入JS代碼 修改網(wǎng)頁內(nèi)容操作
今天開發(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ǔ)充知識：android——webview修改html界面，達(dá)到去除或隱藏部分界面的效果
如下所示：
去除NBA及CAB頻道。
為了達(dá)到這個(gè)效果，當(dāng)時(shí)考慮了兩種方式。
第一種是在webview加載前，先講html代碼拉下來，修改后，在通過webview去加載。
第二種就是查看源代碼，直接動手修改源代碼，然后把源代碼放在assets文件下，每次直接從本地加載。
在查看完源代碼(在電腦瀏覽器，打開網(wǎng)頁，右鍵單擊，查看源代碼)后發(fā)現(xiàn)，這個(gè)網(wǎng)頁，太適合第二種方式了。頻道是寫死的?？梢灾苯痈摹６渌慕缑娑际峭ㄟ^js動態(tài)生成的。毫不猶豫的把源代碼copy下來(注意格式，utf-8,無bom，否則中文亂碼)。
就這樣，第一個(gè)問題順利解決了。
加載assets下的html代碼方式為：
webview.loadUrl("file:///android_asset/test.html");
以上這篇Android webview注入JS代碼 修改網(wǎng)頁內(nèi)容操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- Android webView字體突然變小的原因及解決
- Android 解決WebView多進(jìn)程崩潰的方法
- Android 中 WebView 的基本用法詳解
- 詳解Android WebView監(jiān)聽console錯(cuò)誤信息
- Android webView如何輸出自定義網(wǎng)頁
- 在Android環(huán)境下WebView中攔截所有請求并替換URL示例詳解
- 解決Android webview設(shè)置cookie和cookie丟失的問題
- Android中webView加載H5綁定cookie實(shí)例
- Android WebView通過動態(tài)的修改js去攔截post請求參數(shù)實(shí)例
- Android WebView 內(nèi)處理302重定向不跳轉(zhuǎn)的解決
- Android WebView如何判定網(wǎng)頁加載的錯(cuò)誤
相關(guān)文章
Android開發(fā)App啟動流程與消息機(jī)制詳解
這篇文章主要為大家介紹了Android開發(fā)App啟動流程與消息機(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自動隱藏和消失的功能
本篇文章主要介紹了android自定義ListView實(shí)現(xiàn)底部View自動隱藏和消失的功能 ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-03-03
本文主要介紹Android TableLayout布局,這里整理了TableLayout的資料，并附示例代碼和實(shí)現(xiàn)效果圖，有興趣的小伙伴可以參考下2016-08-08
這篇文章主要介紹了Android實(shí)現(xiàn)用戶頭像更換操作的相關(guān)資料,更改頭像用戶操作很簡單，但是對于程序員實(shí)際操作有些復(fù)雜，需要了解的朋友可以參考下2016-04-04
這篇文章主要為大家詳細(xì)介紹了Flutter布局模型之層疊定位，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08
OkHttp是一個(gè)相對成熟的解決方案,需要的朋友可以參考下2018-03-03
Android 高仿微信朋友圈動態(tài)支持雙擊手勢放大并滑動查看圖片效果
這篇文章主要介紹了Android 高仿微信朋友圈動態(tài)支持雙擊手勢放大并滑動查看圖片效果,需要的朋友參考下2017-01-01
Flutter模仿實(shí)現(xiàn)微信底部導(dǎo)航欄流程詳解
這篇文章主要介紹了Flutter模仿實(shí)現(xiàn)微信底部導(dǎo)航欄流程，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-05-05
Android編程自定義菜單實(shí)現(xiàn)方法詳解
這篇文章主要介紹了Android編程自定義菜單實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了Android自定義菜單的布局、動畫及功能相關(guān)實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2017-02-02