如何将android资产css文件加载到android WebView URL答案

【问题标题】：how to load android assets css files to android WebView URL如何将android资产css文件加载到android WebView URL
【发布时间】：2015-07-20 12:27:11
【问题描述】：

实际上我想从互联网链接加载完整的网站，但我想从移动设备加载 css 文件（意味着不是从互联网）。因为我想使用内部本地 css 文件更快地加载所有页面。

例子：

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="dist/css/bootstrap.min.css" />
        <link rel="stylesheet" href="dist/css/font-awesome.min.css" />
    </head>
</html>

所以这里我只想从移动内存中加载“bootstrap.min.css”和“font-awesome.min.css”。

我的安卓代码：

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    String url = "http://www.MySiteName.com/";
    view = (WebView) this.findViewById(R.id.webView);

    view.getSettings().setJavaScriptEnabled(true); // Enable JavaScript Support
    view.setWebViewClient(new WebViewClient()); // Links open or Navigate in same webView not in Browser

    view.loadUrl(url);
}

【问题讨论】：

在Asset 中添加css 文件并从中加载。这有什么问题？

标签： android html css webview android-webview

【解决方案1】：

请将 CSS 放在 assets 文件夹中，并通过相对路径引用 CSS，并通过loadDataWithBaseURL() 方法将 HTML 加载到 WebView：如果您的 css 文件名为 mycss.css

StringBuilder data = new StringBuilder();
data .append("<HTML><HEAD><LINK href=\"mycss.css\" type=\"text/css\" rel=\"stylesheet\"/></HEAD><body>");
data .append(tables.toString());
data .append("</body></HTML>");
webView.loadDataWithBaseURL("file:///android_asset/", data .toString(), "text/html", "utf-8", null);

谢谢

【讨论】：

非常有帮助的答案。

【解决方案2】：

因为其他两个答案只是复制意大利面，而我碰巧遇到了同样的问题，我会帮助你解决我的问题：

您需要在 html 文件的 head 部分指定文件路径。注意href

之后的部分

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="file:///android_asset/bootstrap.min.css" />
        <link rel="stylesheet" href="file:///android_asset/font-awesome.min.css" />
    </head>
</html>

我只是不明白为什么其他海报只是复制和粘贴，甚至没有阅读你试图告诉他们的内容。

我希望这会有所帮助。

请注意，您的资源文件夹可以有不同的名称。

【讨论】：