ios 跑js-CFANZ编程社区

如何实现 iOS 跑 JS

1. 概述

在 iOS 开发中，我们可以通过使用 WebView 来加载并运行 JavaScript 代码。WebView 是 iOS UIKit 框架中的一个控件，它可以在应用中展示网页内容，并且支持执行 JavaScript 代码。因此，我们可以利用 WebView 来实现 iOS 跑 JS 的功能。

下面是整个实现过程的流程图：

pie
    title 实现 iOS 跑 JS
    "创建一个 WebView" : 30
    "加载一个包含 JavaScript 代码的网页" : 30
    "执行 JavaScript 代码" : 40

2. 步骤和代码

步骤1：创建一个 WebView

首先，我们需要在 iOS 应用中创建一个 WebView 控件，并将其添加到我们的界面中。我们可以使用 UIKit 框架中的 UIWebView 或者 WKWebView 类来实现。

针对 UIWebView，我们可以按照以下步骤创建：

导入 UIKit 框架：

import UIKit

创建 UIWebView 对象：

let webView = UIWebView(frame: CGRect(x: 0, y: 0, width: 300, height: 300))

步骤2：加载一个包含 JavaScript 代码的网页

加载一个包含 JavaScript 代码的网页，可以通过以下代码实现：

获取网页文件路径：

guard let filePath = Bundle.main.path(forResource: "index", ofType: "html") else {
    print("找不到网页文件")
    return
}

根据文件路径创建一个 NSURL 对象：

let fileURL = NSURL(fileURLWithPath: filePath)

创建一个 NSURLRequest 对象，并使用网页文件的 URL 进行初始化：

let request = NSURLRequest(url: fileURL as URL)

调用 WebView 的 loadRequest 方法加载网页：

webView.loadRequest(request as URLRequest)

步骤3：执行 JavaScript 代码

要在 iOS 应用中执行 JavaScript 代码，可以使用 WebView 的 stringByEvaluatingJavaScript(from: ) 方法。

以下是执行 JavaScript 代码的代码示例：

let javascriptCode = "alert('Hello, World!');"
webView.stringByEvaluatingJavaScript(from: javascriptCode)

完整代码注释说明

下面是整个实现过程的完整代码，并附带了注释说明：

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // 步骤1：创建一个 WebView
        let webView = UIWebView(frame: CGRect(x: 0, y: 0, width: 300, height: 300))

        // 步骤2：加载一个包含 JavaScript 代码的网页
        guard let filePath = Bundle.main.path(forResource: "index", ofType: "html") else {
            print("找不到网页文件")
            return
        }
        let fileURL = NSURL(fileURLWithPath: filePath)
        let request = NSURLRequest(url: fileURL as URL)
        webView.loadRequest(request as URLRequest)

        // 步骤3：执行 JavaScript 代码
        let javascriptCode = "alert('Hello, World!');"
        webView.stringByEvaluatingJavaScript(from: javascriptCode)

        // 将 WebView 添加到界面中
        self.view.addSubview(webView)
    }
}