WKWebViewにてDocumentフォルダに格納してあるローカルのHTMLの表示ができない

前提・実現したいこと

WKWebViewを活用してDocumentフォルダに格納してあるローカルのHTMLファイルを出力したい。

発生している問題・エラーメッセージ

ローカルのHTMLが出力されず、真っ白な画面が出力される。
また、Debug View Hierarchyを行っても真っ白なことを確認しました。
ローカルパス自体は取得できていて、iExplorerで確認を行い、差異がないことは確認できております。

該当のソースコード

Objective
1if ([url.absoluteString hasPrefix:@"file"]) {
2    [webView loadFileURL:url allowingReadAccessToURL:url];
3}

試したこと

下記２つの記事を参考にソースを下記の通り修正したものの上記問題変わらずです。
https://stackoverflow.com/questions/49638653/load-local-web-files-resources-in-wkwebview
https://mycodetips.com/swift-ios/how-to-load-local-web-files-resources-in-wkwebview-2195.html

Objective
1if ([url.absoluteString hasPrefix:@"file"]) {
2    [webView loadFileURL:url allowingReadAccessToURL:url];
3    NSURLRequest* req = [NSURLRequest requestWithURL:url];
4    [webView loadRequest:req];
5}

補足情報（FW/ツールのバージョンなど）

MacOS 10.15.3
Xcode 11.3
対象OS 11以上

hoshi-takanori

2020/03/16 00:28

その url はどうやって作りましたか？

noromataro

2020/03/16 10:04 編集

@hoshi-takanoriさんご質問ありがとうございます！結局呼び出しの問題ではなくHTMLでjavascriptを使ってpngファイルを読み取っていることが原因でした。大変失礼致しました。

行動規範の内容に同意します

回答1件

ベストアンサー

(Swiftですが)以下のようなミニマムなコードで試してみました。

swift
1import UIKit
2import WebKit
3
4class ViewController: UIViewController {
5
6    @IBOutlet weak var webView: WKWebView!
7    
8    override func viewDidLoad() {
9        super.viewDidLoad()
10        // Do any additional setup after loading the view.
11        
12        let docsPath = NSSearchPathForDirectoriesInDomains(.documentDirectory, .userDomainMask, true)[0]
13        let htmlPath = (docsPath as NSString).appendingPathComponent("hoge.html")
14        let html = "<html><body>Hello WebKit!</body></html>"
15        let htmlUrl = URL(fileURLWithPath: htmlPath)
16        try! html.write(to: htmlUrl, atomically: true, encoding: .ascii)
17        
18        webView.loadFileURL(htmlUrl, allowingReadAccessTo: htmlUrl)
19    }
20}

特に問題はなさそうです。

載せてもらっている情報以外の部分に原因がありそうな気がしますので、
ミニマムなプロジェクトで再現テストをしてみることをおすすめします。

投稿2020/03/16 00:41

takabosoft

総合スコア8356

noromataro

2020/03/16 10:06

@takabosoftさんご回答いただきありがとうございます。こちらでもミニマムなプロジェクトを作ってみて出力されたことから、原因がWKWebViewの使い方の問題ではなく、HTMLの中に問題があったことに気づくことができました。 javascriptでpngファイルを出力しようとしていたことがダメだったようでした。ありがとうございました。

行動規範の内容に同意します