web-dev-qa-db-ja.com

Android WebViewを使用して既存の.htmlファイルをロードする

サンプル、Googleコードのデモ、その他のリソースをWebViewで試してみましたが、自分のコードで試そうとしてもうまくいきません。

アセットフォルダーに入れたmyfile.htmlを読み込み、使用します：

private WebView myWebView;

myWebView.loadUrl("file:///Android_assets/myfile.html");

エミュレーターでエラーが表示される

file:///Android_assets/myfile.htmlのWebページを次のようにロードできませんでした：要求されたファイルが見つかりませんでした。 /Android_assets/myfile.html

そのファイルをres/raw/フォルダーに入れて使用すると：

myWebView.loadUrl("file:///Android_res/raw/myfile.html");

エミュレータAndroid 2.2 APIレベル8のみがファイルをロードできます。他の古いバージョンでは同じエラーが表示されます。何か不足していますか？

すべてのAPIバージョンで動作するアプリケーションパッケージに既存の.htmlファイルをロードする方法はありますか？

androidandroid-webviewandroid-assets
83
laph

oK、それは私の非常に愚かな間違いでした。誰かが同じ問題を抱えている場合に備えて、ここに答えを投稿します。

アセットフォルダーに格納されているファイルの正しいパスはfile:///Android_asset/*です（アセットフォルダーの「s」はありません。常に「s」が必要だと思っていました）。

また、mWebView.loadUrl("file:///Android_asset/myfile.html");はすべてのAPIレベルで機能します。

mWebView.loadUrl("file:///Android_res/raw/myfile.html");がAPIレベル8でのみ機能する理由はまだわかりませんが、今は問題ではありません。

153
laph

.htmlファイルをプロジェクトフォルダーのアセットフォルダーに貼り付けます。そして、次のfolコードでレイアウトフォルダーにxmlファイルを作成します：my.xml：

<WebView  xmlns:Android="http://schemas.Android.com/apk/res/Android"
  Android:id="@+id/webview"
  Android:layout_width="fill_parent"
  Android:layout_height="fill_parent"
    />

アクティビティにFOLコードを追加

setContentView(R.layout.my);
    WebView mWebView = null;
    mWebView = (WebView) findViewById(R.id.webview);
    mWebView.getSettings().setJavaScriptEnabled(true);
    mWebView.loadUrl("file:///Android_asset/new.html"); //new.html is html file name.
17
Naresh

構造が次のようになっている場合：

/assets/html/index.html

/assets/scripts/index.js

/assets/css/index.css

その後、ただ行う（ Android WebView：向きの変更を処理する ）

    if(WebViewStateHolder.INSTANCE.getBundle() == null) { //this works only on single instance of webview, use a map with TAG if you need more
        webView.loadUrl("file:///Android_asset/html/index.html");
    } else {
        webView.restoreState(WebViewStateHolder.INSTANCE.getBundle());
    }

必ず追加してください

    WebSettings webSettings = webView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
    if(Android.os.Build.VERSION.SDK_INT >= Android.os.Build.VERSION_CODES.JELLY_BEAN) {
        webSettings.setAllowFileAccessFromFileURLs(true);
        webSettings.setAllowUniversalAccessFromFileURLs(true);
    }

次に、URLを使用します

<html>
<head>
    <meta charset="utf-8">
    <title>Zzzz</title>
    <script src="../scripts/index.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/index.css">
13
EpicPandaForce

プロジェクトのアセットフォルダーに.htmlファイルをコピーして貼り付け、onCreate（）のアクティビティに以下のコードを追加します。

        WebView view = new WebView(this);
        view.getSettings().setJavaScriptEnabled(true);
        view.loadUrl("file:///Android_asset/**YOUR FILE NAME**.html");
        view.setBackgroundColor(Color.TRANSPARENT);
        setContentView(view);
6
Arunkumar

Htmlファイルを手動で読み取り、WebViewのloadDataまたはloadDataWithBaseUrlメソッドを使用して表示できます。

2
Lachezar

デバッグのコンパイルはreleaseの1つとは異なるため、次のようになります。

そのようなプロジェクトファイル構造を考慮してください[この場合はデバッグアセンブルの場合]：

src
  |
  debug
      |
      assets
           |
           index.html

次のようにindex.htmlをWebViewに呼び出す必要があります。

WebView web=(WebView)findViewById(R.id.web);
web.loadUrl("file:///Android_asset/index.html");

レイアウト：

<WebView
Android:id="@+id/web"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:layout_gravity="top"/>

など、リリースのアセンブルでは、次のようになります。

src
  |
  release
        |
        assets
             |
             index.html
1
PYK