更改页面样式 Android WebView

Question

我目前正在开发一个小型应用程序，它只是将一个网页加载到 webview 中，我希望能够在使用此应用程序浏览时使此网页看起来不同..

此页面使用一个 .css，我想使用我自己的 .css 版本而不是原始版本，或者只是用我的替换原始版本的一部分（通过使用原始版本，然后用我的版本覆盖它）..

是否可以修改页面的源代码（在加载之前可选），以便我可以更改一些样式以使网页看起来不同？

只是为了解释： 我要换 <link rel="stylesheet" type="text/css" href="original.css"> 给 <link rel="stylesheet" type="text/css" href="original.css"> <link rel="stylesheet" type="text/css" href="http://www.something.com/edited.css">

顺便说一句，我正在使用 Xamarin Studio，C# Android WebView 项目。 此外，这很可能会被称为重复：Override web page style in Android WebView，但它从未得到答复，因此对我来说不是很有帮助..

Answer 1

你看过了吗：

addJavascriptInterface (Object object, String name) 的 WebView？

您可以注入代码来操作 DOM。这可能是一个坏主意，因为它在很多方面都是一个安全问题。

WebSettings 对象侵入性更小，更安全，允许您更改某些表示方面：http://developer.android.com/reference/android/webkit/WebSettings.html

在这个领域，另一个探索的工具是创建和设置一个 WebViewClient 子类：http://developer.android.com/reference/android/webkit/WebViewClient.html

只是一些探索途径。

Answer 2

您可以使用 Javascript 注入您的 css。您可以在WebView 加载完成后注入以下javascript：

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 代码看起来像这样：

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);