WKWebViewでJavaScriptの値を取得できない・・・。

参考ホームページを見てやってみたのですが、javascriptを実行してもprintで出力がされません。
どこが不足しているのでしょうか？
ご回答をよろしくお願いいたします。
参考ホームページ：https://qiita.com/peta-m175/items/102d6d723fd87e722f83

下記がコードの内容です。
一部省略済みです。

swift
1import UIKit
2import WebKit
3
4class ViewController: UIViewController ,WKUIDelegate ,WKNavigationDelegate ,WKScriptMessageHandler{
5    @IBOutlet weak var Webview: WKWebView!
6    @IBOutlet weak var progressView: UIProgressView!
7    
8    var url = "URL"
9    
10    override func loadView() {
11        super.loadView()
12        let webCfg: WKWebViewConfiguration = WKWebViewConfiguration()
13        let userController: WKUserContentController = WKUserContentController()
14        userController.add(self, name: "callbaclHandler")
15        webCfg.userContentController = userController;
16        Webview.uiDelegate = self
17        Webview.navigationDelegate = self
18        self.view.addSubview(Webview)
19}
20
21override func viewDidLoad() {
22        super.viewDidLoad()
23        if let url = URL(string: url){
24            let request = URLRequest(url:url)
25            Webview.load(request)
26        }
27    }
28※一部省略
29func userContentController(_ userContentController: WKUserContentController, didReceive message:  WKScriptMessage){
30        if(message.name == "callbackHandler"){
31            print("(message.body)")
32        }
33    }

html
1<!DOCTYPE html>
2<html lang="ja">
3    <head>
4        <meta charset="utf-8">
5        <meta name="viewport" content="width=device-width">
6        <link rel="stylesheet" type="text/css" href="style.css">
7        <title>ページタイトル</title>
8    </head>
9    <body>
10        <h1 id="title">タイトル</h1>
11        <a href="#" onclick="LinkClick()">実行</a><br />
12        <script type="text/javascript">
13        function LinkClick() {
14            webkit.messageHandlers.callbackHandler.postMessage("こんにちは");
15        }
16        </script>
17    </body>
18</html>

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

回答1件

ベストアンサー

webCfgがWebViewに渡されていないからだと思います。

ただしWKWebViewのconfigurationは読み取り専用でinitでしか渡すことができないので。
WebViewの生成をstoryboardではなくコードで行うか、webCfgの使用をやめてWebViewのconfigurationにセットするかすればいいでしょう。
簡単なのは後者でしょうけど。

追記

とりあえず後者の方法を。
~~loadView()のuserContentControllerをセットしているあたりに以下のコードを追加するだけです。~~
→実際に試したら動きませんでした。追記2参照

WebView.configuration.userContentController = userController

追記2

実際に試してみました。
すみません。どうやらuserContentControllerへの代入だと動作しないようです。
WebviewにセットしてあるuserContentControllerに直接addすると動作しました。
あとcallbackHandlerのスペルもミスってたのでそこも直しました。

override func loadView() {
    super.loadView()
    //let webCfg: WKWebViewConfiguration = WKWebViewConfiguration()
    //let userController: WKUserContentController = WKUserContentController()
    //userController.add(self, name: "callbaclHandler")
    //webCfg.userContentController = userController;
    Webview.configuration.userContentController.add(self, name: "callbackHandler")
    Webview.uiDelegate = self
    Webview.navigationDelegate = self
    self.view.addSubview(Webview)
}

それとこれは回答とは関係ないのですが。
storyboardで画面を作った場合はloadViewをoverrideしないようにとリファレンスに書いてあります。
loadViewはコードでself.viewを生成する時ぐらいしか使わないと思います。
ビューの初期化はviewDidLoad()で行いましょう。

投稿2018/07/03 14:21

編集2018/07/04 00:58