iOS UIWebView 中的 Javascript console.log()

IOS

使用IOS的UIWebView，我们可以在网页中使用Javascript来进行各种操作和交互。其中一个非常有用的功能是使用console.log()来在Javascript中输出日志信息。本文将介绍如何在UIWebView中捕获Javascript的console.log()输出，并将其显示在IOS应用中。

在IOS应用中使用UIWebView加载网页是一种常见的做法，它可以方便地显示网页内容并进行交互。UIWebView提供了一些方法来处理Javascript的调用和事件。其中一个方法是通过设置UIWebView的delegate，并实现其中的一些代理方法来捕获Javascript的输出。

首先，我们需要设置UIWebView的delegate。可以在ViewController中的viewDidLoad()方法中添加以下代码：

Swift
override func viewDidLoad() {
    super.viewDidLoad()
    webView.delegate = self
    // 加载网页
    let url = URL(string: "https://www.example.com")
    let request = URLRequest(url: url!)
    webView.loadRequest(request)
}

然后，我们需要实现UIWebViewDelegate中的webView(_:shouldStartLoadWith:...)方法来拦截Javascript中的console.log()输出。可以在ViewController中添加以下代码：

Swift
extension ViewController: UIWebViewDelegate {
    func webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebView.NavigationType) -> Bool {
        if let url = request.url, let scheme = url.scheme, scheme == "console" {
            if let logMessage = url.host?.removingPercentEncoding {
                print("Javascript Log: \(logMessage)")
            }
            return false
        }
        return true
    }
}

在上述代码中，我们通过检查请求的URL的scheme是否为"console"来判断是否为Javascript的console.log()输出。如果是的话，我们将输出log信息到控制台。

现在，我们可以运行应用并加载一个包含Javascript的网页。当Javascript中调用console.log()方法时，我们将能够在Xcode的控制台中看到输出的log信息。

示例代码：

下面是一个简单的示例，演示了如何在Javascript中使用console.log()输出日志信息，并在IOS应用中捕获显示：

html
<!DOCTYPE html>
<html>
<head>
    <title>Javascript Console Log Example</title>
</head>
<body>
    <h1>Javascript Console Log Example</h1>
    <script>
        console.log("This is a log message from Javascript");
        console.log("Another log message");
        console.log("Hello, world!");
    </script>
</body>
</html>

在上述示例中，我们在Javascript中使用console.log()输出了三条日志信息。当我们在IOS应用中加载该网页时，这些日志信息将被捕获并输出到Xcode的控制台中。这对于调试和分析Javascript代码非常有用。

：

通过使用UIWebView的delegate方法，我们可以在IOS应用中捕获Javascript的console.log()输出，并将其显示在控制台中。这为我们在开发过程中调试和分析Javascript代码提供了便利。