AndroidWebViewで既存の.htmlファイルをロードする


86

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

myfile.htmlアセットフォルダに置いたものをロードしたいのですが、以下を使用します。

private WebView myWebView;

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

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

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

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

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

その場合、エミュレータandroid 2.2 APIレベル8のみがファイルをロードできる可能性があり、他の古いバージョンでも同じエラーが表示されます。私は何かが足りませんか?

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

回答:


161

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

アセットフォルダに保存されているファイルの正しいパスは次のとおりですfile:///android_asset/*(アセットフォルダの「s」はありませんが、常に「s」が必要だと思っていました)。

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

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


50
FWIWそれはばかげた間違いではなかったと思います。私は今、同じ間違いを2回犯しました。直感的ではありません!最初に「assets」というフォルダを作成し、次に「android_asset」(「s」なし)で参照しますか?それは愚かなプラットフォームです、IMO:P
richtaur 2011年

3
悪いにrawうまくいきませんでした。私はのための使用を持っているでしょうraw-deraw-frそうでと。今、私はそれを自分でしなければなりません。
マーティン

私はlaphのガイドに従って同じ方法を試しましたが、xmlファイルをあなたが言及したフォルダーに置くとmyWebView.loadUrl( "file:///android_res/raw/myfile.xml"); インターネットまたはパスが正しいことを確認し、myWebView.loadUrl( "file://android_res/raw/myfile.xml");を書き込むと、エラーが発生します。エラーは発生しませんが、何も表示されません。これで私を助けてください。
aditya1510 2011年

2
こんにちはAditya、エラーはファイルが.xmlであるためだと思います。loadUrlは、.htmlファイルをロードするとします。私が間違っている場合は私を訂正してください。
laph 2011年

これは可能ですか?フォルダアセットにはJavascriptおよびその他のファイルが含まれ、フォルダres / rawにはHTMLファイルが含まれます
user2422690 2016年

17

.htmlファイルをプロジェクトフォルダーのアセットフォルダーに貼り付けます。次のコードを使用して、レイアウトフォルダーに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.

16

構造が次のようになる場合:

/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">

6

.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);

私を惹きつけたのはトリプルスラッシュでした///
マーク

2

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


こんにちはルチョ、あなたの答えをありがとう。つまり、.htmlファイルをStringに変換してから、loadDataまたはloadDataWithBaseUrlメソッドを使用してロードする必要がありますか?
laph 2010年

2
私の.htmlファイルは文字列にすばやく変換するにはかなり大きいです。絶対パスでロードするアイデアはありますか?
laph 2010年

2

デバッグコンパイルは異なるリリースので、1:

次のようなプロジェクトファイル構造を検討してください[この場合、デバッグアセンブルの場合]:

src
  |
  debug
      |
      assets
           |
           index.html

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

web.loadUrl("file:///android_asset/index.html");

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

src
  |
  release
        |
        assets
             |
             index.html

以下の構造は、両方のコンパイル[デバッグとリリース]で機能します。

src
  |
  main
     |
     assets
          |
          index.html
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.