Question

我需要将javascript变量传递给iOS UIWebView，我在Android上也很容易做到这一点，但在这里无法做到。

我需要的是我将点击webview中的一个链接，该链接将依次调用这个JS函数buttonClickPAss的一些参数，我希望我在webside中传递给本地swift的所有参数码。不只是调用JS函数并在swift中返回它的值。

我将在下面添加整个HTML代码

<html>
<head>
     <script type="text/javascript">
            function buttonClickPAss(a,b,c)
            {
              //  console.log(action);

                return a;// return what i passed to the function that is valueA
            }
            </script>
</head>
<body>
    <b><a  href='#' onclick="buttonClickPAss('valueA','valueB','valueC');"> Click here from webview</a></b>
</body>
</html>

加载html页面时填充'valueA'，'valueB'和'valueC'我需要在我的swift代码中使用这些值

然后我将在webview中加载上面的html页面，并点击webview中的链接，以便调用JS函数，因为我的值已经填充在网页中。

这是我在android中试过的教程

https://capdroidandroid.wordpress.com/2015/07/03/how-send-data-from-javascript-to-native-android-app/

但是当我在ios中搜索相同内容时，我发现了本教程

<script type="text/javascript">
            function buttonClickPAss()
            {
              //  console.log(action);

                return 'hi from js';
            }
            </script>

以上是我的js代码

在原生swift中我在加载url后给出了这段代码

 func webView(_ webView: UIWebView, shouldStartLoadWithRequest request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool {

        let url = request.url!
        let result =  webView.stringByEvaluatingJavaScript(from: "buttonClickPAss()")
        print("Result = ",result!)

return true
}

以上代码工作正常，当我点击触发此js函数的链接时，我将我的xcode中的日志记录为'hi from js'

但是我需要将值传递给函数buttonClickPAss，所以我将上面的代码更改为此

JS中的

<script type="text/javascript">
            function buttonClickPAss(a,b,c)
            {
              //  console.log(action);

                return a;// return what i passed to the function
            }
            </script>

并且在swift方面我将上面的快速代码更改为此

 func webView(_ webView: UIWebView, shouldStartLoadWithRequest request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool {

        let url = request.url!
        let result =  webView.stringByEvaluatingJavaScript(from: "buttonClickPAss(a,b,c)")
        print("Result = ",result!)

return true
}

但是在这里“结果”没有打印任何内容，

我搜索其他教程也处理了空参数的函数，请有人帮帮我

还有一个注意事项，根据上面的android教程，我可以将三个变量中的js变量分别传递给android，在ios swift中是否有类似的机制？最坏的情况我会把它变成一个json字符串并将其作为单个字符串返回

请帮忙

感谢

Answer 1

import UIKit
import WebKit
class ViewController: UIViewController {
    @IBOutlet weak var webView: WKWebView!
    var activityIndicator: UIActivityIndicatorView?
    func setupWebView(){
        webView.navigationDelegate = self
        activityIndicator = UIActivityIndicatorView(activityIndicatorStyle: .gray)
        activityIndicator?.center = self.view.center
        self.view.addSubview(activityIndicator!)
        webView.load(URLRequest(url: URL(string: "YourWebSiteLinkHere")!))
        webView.configuration.userContentController.add(self, name: "myInterface")
        webView.evaluateJavaScript(s, completionHandler: {(string,error) in
            print(error ?? "no error")
        })
        activityIndicator?.startAnimating()
    }

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
         setupWebView()
    }
}
extension ViewController: WKScriptMessageHandler{
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
         print("Message received: \(message.name) with body: \(message.body)")
    }
}
extension ViewController: WKNavigationDelegate{
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        self.activityIndicator?.stopAnimating()
        self.activityIndicator?.removeFromSuperview()
        self.activityIndicator = nil
    }
}

在html代码中

<script type="text/javascript">
   function buttonClickPAss(a,b,c){
      //The following line will pass the a to swift 
      window.webkit.messageHandlers.myInterface.postMessage(a)
   }
</script>

在上面我的代码中我注册了＆＃34; myInterface＆＃34;。因此，无论何时您想要将数据从JavaScript提供给Swift，您都可以轻松实现。现在在您的示例中，当用户单击链接按钮时; buttonClickPAss将被调用。现在，在你的buttonClickPAss方法中，行window.webkit.messageHandlers.myInterface.postMessage(a)将以func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage)方法将变量数据传递给Swift。

我认为这应该足以解决您的问题。有关更多信息，请访问此SO

如何将值从javascript传递到iOS UIWebView

1 个答案: