【问题标题】:How to render css file from url in to the webview in android如何将css文件从url渲染到android中的webview
【发布时间】:2015-03-20 06:20:59
【问题描述】:

我有 css 文件 url-> http:...../test.css.

现在我有 html 字符串 htmlString=:

<div class=\"detailInfo\">\r\n<table class=\"leftFloat\">\r\n<tbody>\r\n<tr>\r\\r\n<\/tbody>\r\n<\/table>\r\n<\/div>*

那么,

                webView=(WebView) findViewById(R.id.webViewDetials);
                webView.setBackgroundColor(0x00000000);
                webView.getSettings().setJavaScriptEnabled(true);
                webView.loadDataWithBaseURL("http://.../css/test.css", attributes, mime, encoding, null);

我不知道在 htmlString html 字符串下方呈现 url css 上方。任何想法。

有很多示例从 assets 文件夹中获取 css,但我找不到从 url 加载 css。

【问题讨论】:

  • 我不明白。那么,你想将 css 注入到 html 中吗?
  • 是的,我想将上面的 url css 注入到我的 html 中。
  • 那个,一些严重的安全漏洞。但是,您可以使用 webview.sendJavascript() 更改 1 个或更多属性的样式,而不是注入 css 文件
  • 看第一个答案Here

标签: android html css


【解决方案1】:

我遇到过这类问题,可能对你有帮助,

                webView=(WebView) findViewById(R.id.webView1);

                webView.getSettings().setJavaScriptEnabled(true);
                StringBuilder sb = new StringBuilder();
                sb.append("<HTML><HEAD><LINK href=\"http://test.com/css/test.css\" type=\"text/css\" rel=\"stylesheet\"/></HEAD><body>");
                sb.append(attributes.toString());
                sb.append("</body></HTML>");
                webView.loadDataWithBaseURL(null, sb.toString(), "text/html", "utf-8", null);

希望它有效。

相关链接:

和 github 插件:https://github.com/NightWhistler/HtmlSpanner

Android WebView renders blank/white, view doesn't update on css changes or HTML changes, animations are choppy

【讨论】:

    【解决方案2】:

    使用 Jsoup 裁剪 CSS t

     doc = Jsoup.connect(MyTaskParams.base_URL+MyTaskParams.sub_URL).get();
     doc.head().getElementsByTag("link").remove();
     doc.head().appendElement("link").attr("rel", "stylesheet").attr("type", "text/css").attr("href", "http://www.xyz.cm/pages/myown.css");
    

    【讨论】:

    • 给我一些关于 MyTaskParams.base_URLMyTaskParams.sub_URL 的详细信息。什么是文档类型。
    猜你喜欢
    • 1970-01-01
    • 2015-10-12
    • 1970-01-01
    • 1970-01-01
    • 2023-03-15
    • 1970-01-01
    • 1970-01-01
    • 2014-03-01
    • 2020-01-23
    相关资源
    最近更新 更多