androidのwebviewでiframeで指定したhtmlファイルを読み込めない

Question

Android Studioでwebviewを使ってHTMLファイルをアプリ化しようとしているのですがwebviewでtest1.htmlを読み込み、test1.htmlから同じフォルダ内にあるtest2.htmlを<iframe>で読み込もうとしているのですが、test2.htmlを読み込むことができません

手持ちのAndroidスマホにtest1.htmlとtest2.htmlファイルをコピーしてtest1.htmlをchromeで開こうとすると同様のエラーが出るのでファイル名をうまく設定できていないのだと思いますが、どのようにファイルを指定すればよいのでしょうか

スマホ : Zenfone 11 Ultra

スマホアプリ :

    override fun onCreate(savedInstanceState: Bundle?) {

        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val webView: WebView = findViewById(R.id.webView)

        webView.loadUrl("file:///android_asset/test1.html")


    }

test1.html :

<p>html view test</p>
<iframe src="test2.html" id="HTMLViewer" width="auto" height="auto"></iframe>

作ったアプリのスクショ

スマホのchromeからhtml開いたスクショ

Comments

[jimbe]

↓この辺は如何でしょうか。

https://developer.android.com/develop/ui/views/layout/webapps/load-local-content?hl=ja

Answer 1

公式の情報 Load in-app content に沿って、 assets フォルダを作成し html を配置、AssetLoader を WebView に設定します。
(他にビルド環境に androidx.webkit の利用の追加が必要ですが、通常は自動で追加されます。)

(Android Studio Ladybug Feature Drop | 2024.2.2)

assets/test1.html

<p>html view test</p>
<iframe src="/assets/test2.html" id="HTMLViewer" width="auto" height="auto"></iframe>

assets/test2.html

<p>this is test2.html</p>

MainActivity.kt

import android.net.Uri
import android.os.Bundle
import android.webkit.WebResourceRequest
import android.webkit.WebResourceResponse
import android.webkit.WebView
import androidx.annotation.RequiresApi
import androidx.appcompat.app.AppCompatActivity
import androidx.webkit.WebViewAssetLoader
import androidx.webkit.WebViewClientCompat

class MainActivity : AppCompatActivity() {
  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)

    val webView: WebView = findViewById(R.id.webView)

    val assetLoader = WebViewAssetLoader.Builder()
      .addPathHandler("/assets/", WebViewAssetLoader.AssetsPathHandler(this))
      //.addPathHandler("/res/", WebViewAssetLoader.ResourcesPathHandler(this))
      .build()
    webView.webViewClient = LocalContentWebViewClient(assetLoader)

    webView.loadUrl("https://appassets.androidplatform.net/assets/test1.html")
  }

  private class LocalContentWebViewClient(private val assetLoader: WebViewAssetLoader) : WebViewClientCompat() {
    @RequiresApi(21)
    override fun shouldInterceptRequest(view: WebView, request: WebResourceRequest) : WebResourceResponse? {
      return assetLoader.shouldInterceptRequest(request.url)
    }

    // To support API < 21.
    override fun shouldInterceptRequest(view: WebView, url: String) : WebResourceResponse? {
      return assetLoader.shouldInterceptRequest(Uri.parse(url))
    }
  }
}

実行

Comments

[sum_0x6d7573]

うまくいきました
回答、ありがとうございました