在Android的WebView中覆盖的网页风格 [英] Override web page style in Android WebView

问题描述

我要加载在Android网页视图的网页。有没有办法覆盖网页的一些CSS组件在我的Andr​​oid web视图？

I want to load a webpage on android Webview. Is there a way to override some CSS component of the web page in my android webView?

推荐答案

上传您的自定义CSS的某个地方。您可以使用JavaScript应用新的CSS。

Upload your customized css somewhere. You can apply your new css using Javascript. You can inject following javascript after the WebView is finished loading:

var link = document.createElement("link");
link.href = "http://example.com/mystyle.css";
link.type = "text/css";
link.rel = "stylesheet";
document.getElementsByTagName("head")[0].appendChild(link);  

所以，你最终的Java code会是这个样子：

So your final Java code will look something like this:

String jsToInject = "var link=document.createElement('link');link.href='http://example.com/mystyle.css';link.type ='text/css'; link.rel ='stylesheet';document.getElementsByTagName('head')[0].appendChild(link);"
myWebView.loadUrl("javascript:" + jsToInject);

这篇关于在Android的WebView中覆盖的网页风格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！