iOS WKWebView Swift javascript 启用

Question

我正在尝试开发一个简单的应用程序来浏览我的网站。但是，我的网站包含一些 javascript，但无法成功显示我的网站。

过去使用android开发相同的应用程序并且必须像这样激活：

webSettings.setJavaScriptEnabled(true);

这是我目前的代码，我只是缺少启用 javascript 的选项，如果有人可以提供帮助，我将不胜感激

import WebKit

class ViewController: UIViewController {

  @IBOutlet weak var webView: WKWebView!

  override func viewDidLoad() {
    super.viewDidLoad()
    let url = URL(string: "http://132.148.136.31:8082")
    let urlRequest = URLRequest(url: url!)

    webView.load(urlRequest)
  }
}

Answer 1

使用WKWebView 更好地从代码中创建它。您可以将javaScriptEnabled 设置为配置：

let preferences = WKPreferences()
preferences.javaScriptEnabled = true
let configuration = WKWebViewConfiguration()
configuration.preferences = preferences
let webview = WKWebView(frame: .zero, configuration: configuration)

更新。这是视图控制器类中的 WKWebView：

import UIKit
import WebKit

class ViewController: UIViewController {

    private var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()

        let preferences = WKPreferences()
        preferences.javaScriptEnabled = true
        let configuration = WKWebViewConfiguration()
        configuration.preferences = preferences
        webView = WKWebView(frame: view.bounds, configuration: configuration)
        view.addSubview(webView)
    }
}

Answer 2

对于那些使用 Swift 5 和 Xcode 12 为 iOS 14 构建的用户，它已更改为以下内容...

webView.configuration.defaultWebpagePreferences.allowsContentJavaScript = true

Answer 3

您正在使用 WKWebView 故事板视图，因此您可以直接访问配置。所以在你的 WKWebView 配置下使用首选项。

import WebKit

class ViewController: UIViewController {

  @IBOutlet weak var webView: WKWebView!

  override func viewDidLoad() {
    super.viewDidLoad()
    let url = URL(string: "http://132.148.136.31:8082")
    let urlRequest = URLRequest(url: url!)

    // enable JS
    webView.configuration.preferences.javaScriptEnabled = true
    webView.load(urlRequest)
  }
}

Answer 4

上面的答案是对的，你需要将此值设置为 true 才能启用 JavaScript。

webView.configuration.preferences.javaScriptEnabled = true

但如果 JS 脚本来自非 HTTPS 源，那么您需要允许 “App Transport Security's Arbitrary Loads”。

解决方法如下：

1. 导航到项目设置/目标/[您的应用的目标]/信息。
2. 检查是否有名为“应用传输安全设置”的字典。如果没有，请创建它。
3. 在其中创建一个名为 Allow Arbitrary Loads 的布尔值（如果还没有的话）并将其设置为 YES。