Android webview注入JS代碼 修改網(wǎng)頁(yè)內(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ǔ)充知識(shí):android——webview修改html界面,達(dá)到去除或隱藏部分界面的效果
如下所示:
去除NBA及CAB頻道。
為了達(dá)到這個(gè)效果,當(dāng)時(shí)考慮了兩種方式。
第一種是在webview加載前,先講html代碼拉下來,修改后,在通過webview去加載。
第二種就是查看源代碼,直接動(dòng)手修改源代碼,然后把源代碼放在assets文件下,每次直接從本地加載。
在查看完源代碼(在電腦瀏覽器,打開網(wǎng)頁(yè),右鍵單擊,查看源代碼)后發(fā)現(xiàn),這個(gè)網(wǎng)頁(yè),太適合第二種方式了。頻道是寫死的。可以直接改。而其他的界面都是通過js動(dòng)態(tài)生成的。毫不猶豫的把源代碼copy下來(注意格式,utf-8,無bom,否則中文亂碼)。
就這樣,第一個(gè)問題順利解決了。
加載assets下的html代碼方式為:
webview.loadUrl('file:///android_asset/test.html');
以上這篇Android webview注入JS代碼 修改網(wǎng)頁(yè)內(nèi)容操作就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 阿里前端開發(fā)中的規(guī)范要求2. 低版本IE正常運(yùn)行HTML5+CSS3網(wǎng)站的3種解決方案3. css進(jìn)階學(xué)習(xí) 選擇符4. UDDI FAQs5. XML入門的常見問題(一)6. html小技巧之td,div標(biāo)簽里內(nèi)容不換行7. PHP字符串前后字符或空格刪除方法介紹8. XML入門精解之結(jié)構(gòu)與語(yǔ)法9. Echarts通過dataset數(shù)據(jù)集實(shí)現(xiàn)創(chuàng)建單軸散點(diǎn)圖10. 概述IE和SQL2k開發(fā)一個(gè)XML聊天程序
