iOS WKWebView Swift javascript 启用

swift Java

1个回答

写回答

贤babe

2025-07-09 16:55

+ 关注

IOS
IOS

使用IOS WKWebView在Swift中启用JavaScript

在IOS开发中，我们经常需要在应用程序中显示网页内容。WKWebView是一个强大的工具，它允许我们将网页嵌入到我们的应用程序中，并与之进行交互。在本文中，我们将探讨如何在Swift中使用WKWebView启用JavaScript，并提供一些案例代码来帮助你入门。

首先，我们需要创建一个WKWebView实例并加载一个网页。在此之前，请确保你已经在Info.plist文件中添加了适当的App Transport Security（ATS）设置，以便能够加载HTTP内容。以下是创建WKWebView实例并加载网页的示例代码：

Swift
import UIKit
import WebKit
class ViewController: UIViewController, WKNavigationDelegate {
    var webView: WKWebView!
    override func viewDidLoad() {
        super.viewDidLoad()
        let configuration = WKWebViewConfiguration()
        webView = WKWebView(frame: view.bounds, configuration: configuration)
        webView.navigationDelegate = self
        view.addSubview(webView)
        if let url = URL(string: "https://www.example.com") {
            webView.load(URLRequest(url: url))
        }
    }
    // WKNavigationDelegate方法...
}

上述代码中，我们首先导入了UIKit和WebKit框架，并声明了一个继承自UIViewController和WKNavigationDelegate协议的视图控制器类。在viewDidLoad方法中，我们首先创建了一个WKWebViewConfiguration实例，并使用它来初始化了一个WKWebView。然后，我们将WKWebView添加到当前视图中，并加载了一个URL请求。

现在，让我们看看如何在WKWebView中启用JavaScript。通过设置WKWebViewConfiguration的preferences属性，我们可以为WKWebView启用JavaScript。以下是一个启用JavaScript的示例代码：

Swift
let configuration = WKWebViewConfiguration()
configuration.preferences = WKPreferences()
configuration.preferences.JavaScriptEnabled = true

在上述代码中，我们创建了一个WKPreferences实例，并将其赋值给WKWebViewConfiguration的preferences属性。然后，我们将WKPreferences的JavaScriptEnabled属性设置为true，以启用JavaScript。

接下来，我们将在中间段落中添加一个标题，用标签来突出显示。请注意，这只是一种示例，你可以根据自己的需求自由调整。
如何使用JavaScript与WKWebView进行交互
与WKWebView进行交互的一个常见需求是从JavaScript中调用原生代码，并且从原生代码中返回结果给JavaScript。WKWebView提供了一种机制来实现这一点，即WKScriptMessageHandler协议。以下是一个使用WKScriptMessageHandler的示例代码：
首先，我们需要在原生代码中实现WKScriptMessageHandler协议的方法。在这个例子中，我们将在原生代码中实现一个名为"handleMessageFromJS"的方法，用于处理来自JavaScript的消息：
Swift
class ViewController: UIViewController, WKNavigationDelegate, WKScriptMessageHandler {
// ...
override func viewDidLoad() {
super.viewDidLoad()
let configuration = WKWebViewConfiguration()
let userContentController = WKUserContentController()
userContentController.add(self, name: "handleMessageFromJS")
configuration.userContentController = userContentController
webView = WKWebView(frame: view.bounds, configuration: configuration)
webView.navigationDelegate = self
view.addSubview(webView)
if let url = URL(string: "https://www.example.com") {
webView.load(URLRequest(url: url))
}
}
// WKScriptMessageHandler方法
func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
if message.name == "handleMessageFromJS" {
if let messageBody = message.body as? String {
// 处理来自JavaScript的消息
}
}
}
// ...
}
在上述代码中，我们首先声明了ViewController类遵循WKScriptMessageHandler协议，并实现了userContentController(_:didReceive:)方法。在viewDidLoad方法中，我们首先创建了一个WKUserContentController实例，并添加了一个名为"handleMessageFromJS"的消息处理器。然后，我们将WKUserContentController赋值给WKWebViewConfiguration的userContentController属性。
当接收到来自JavaScript的消息时，WKWebView会调用userContentController(_:didReceive:)方法，并将消息传递给我们。在这个方法中，我们可以根据消息的名称和内容来处理它。

在本文中，我们探讨了如何在Swift中使用IOS WKWebView启用JavaScript，并提供了一些案例代码来帮助你入门。我们还介绍了如何使用WKScriptMessageHandler协议来实现与JavaScript的交互。希望这篇文章对你有所帮助，并能够在你的IOS应用程序开发中起到指导作用。

举报有用（4）分享收藏

iOS WKWebView Swift javascript 启用

1个回答

贤babe

热门话题

相关问题