1

我有一个加载远程网页的 Android webView。由于此页面的代码由一位同事控制，我可以要求他更改它，但我更愿意完全在客户端找到一个独奏。

出于流量和性能方面的原因，我们希望将 css 和 javascript 文件本地存储在客户端上，而不是从服务器加载它们。

我想出了两个想法，但到目前为止都没有成功。

  1. 将所有文件存储在资产文件夹中并让 html 引用它们

    问题：webview 似乎不允许访问“file:///...”url

    问题：有没有办法解决这个问题？

  2. 只需忽略 html 中的所有这些引用，并在将它们加载到 webview 后注入所有这些文件

    问题：如何将这些文件（.css / .js）添加到我已经加载的 html 中？

4

1 回答 1

2

您可以通过以下方式构建本地WebView

  • 活动 (LocalWebviewActivity.java)
  • 布局 (activity_localwebview.xml)
  • Assets 文件夹（在“assets”文件夹的根目录下，创建文件夹“css”并将“style.css”放在这里）
  • 引用 JS 文件的方式与引用 CSS 样式表的方式相同

LocalWebviewActivity.java

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;

public class LocalWebviewActivity extends Activity {

    WebView myWebView;
    StringBuilder mySBcontent;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_localwebview);

        myWebView = (WebView) findViewById(R.id.webkit);
        mySBcontent = new StringBuilder();

        mySBcontent.append("<html>");
        mySBcontent.append("<head>");
        mySBcontent.append("<link type='text/css' rel='stylesheet' href='css/style.css'>");
        mySBcontent.append("</head>");
        mySBcontent.append("<body>");
        mySBcontent.append("<h1>My Heading</h1>");
        mySBcontent.append("<p>My HTML content</p>");
        mySBcontent.append("<p><img style='width:150px;' src='myImg.png' /></p>");
        mySBcontent.append("</body>");
        mySBcontent.append("</html>");

        myWebView.loadDataWithBaseURL("file:///android_asset/", mySBcontent.toString(), "text/html", "UTF-8", "");
    }
}

activity_localwebview.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <WebView 
        android:id="@+id/webkit"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"/>
</LinearLayout>
于 2013-03-28T14:55:02.627 回答