android webview模拟器不加载图像和javascript

Question

我在 assets 文件夹中有 HTML 文件，并试图在 android webview 中加载它。没有应用 css 样式，也没有应用 javascript，也没有加载图像。 这是活动代码：

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        WebView ctWebView = (WebView) findViewById(R.id.ctWebview);
        ctWebView.getSettings().setDomStorageEnabled(true);
        ctWebView.getSettings().setJavaScriptEnabled(true);
        ctWebView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
        ctWebView.setWebChromeClient(new WebChromeClient());
        ctWebView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }

            @Override
            public void onLoadResource(WebView view, String url) {
                super.onLoadResource(view, url);
                Log.e("resource",url);
            }
        });
        ctWebView.loadUrl("file:///android_asset/creditrackerhtml.html");
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }
}

这是布局文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:paddingLeft="@dimen/activity_horizontal_margin"
                android:paddingRight="@dimen/activity_horizontal_margin"
                android:paddingTop="@dimen/activity_vertical_margin"
                android:paddingBottom="@dimen/activity_vertical_margin"
                tools:context=".MainActivity">

    <WebView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/ctWebview"></WebView>

</RelativeLayout>

HTML 文件太大，无法在此处粘贴，但我已将日志放在 public void onLoadResource(WebView view, String url) 中，并看到正确的资源 url 被命中。 是在下载资源之前加载了webview吗？不知道如何解决这个问题

Answer 1

把你的文件放在 assets 文件夹中。

转到项目 > 应用程序 > src > 主 > 右键单击​​ > 新建 > 文件夹 > 资产文件夹。将其命名为资产。

要访问文件，请使用 getAssets().open(filename.txt)

要将文件转换为 URL，请使用 file.toURI() 或 file.toURI().toURL()。

此外，您不需要太多加载 url。只需使用 webView.loadUrl(url);

如果您有链接，请使用：

        //So links stay inside webview
    webview.setWebViewClient(new WebViewClient());

    webview.setOnKeyListener(new View.OnKeyListener() {
        @Override
        public boolean onKey(View v, int keyCode, KeyEvent event) {
            if (event.getAction() == KeyEvent.ACTION_DOWN) {
                WebView webView = (WebView) v;

                switch (keyCode) {
                    case KeyEvent.KEYCODE_BACK:
                        if (webView.canGoBack()) {
                            webView.goBack();
                            return true;
                        }
                        break;
                }
            }

            return false;
        }
    });

Answer 2

你试过loadDataWithBaseURL()吗？

webView.loadDataWithBaseURL(url, 
        data,
        "text/html",
        "utf-8",
        null);

因为根据official documentation，

loadDataWithBaseURL() 将给定的数据加载到此 WebView 中，使用 baseUrl 作为基本 URL 为内容。基本 URL 用于解析相对 URL 以及在应用 JavaScript 的同源策略时。 historyUrl 是 用于历史记录。

Answer 3

HTML 中的 CSS 和图像应使用相对于资产目录的 URL，或使用网络上的绝对路径。