WKWebView 不适用于 JavaScript 类

Question

我正在使用 WKWebView 开发一个项目，我从本地项目加载了 html。 JavaScript 按预期工作，但是当我尝试使用 class 时，它使 WebView 显示为空白。

我试过使用 ES6 语法和 ES5 语法，它们都会导致同样的问题。有没有办法在 WKWebView 的本地 html 文件中使用 JavaScript classes？如果有我做错了什么？

这是我的 WebView 应用程序代码

import UIKit
import WebKit

class ViewController: UIViewController {

let webView = WKWebView()
let remoteAccess = false
let url = "Website/index"

override func loadView(){

    if(remoteAccess){
        loadWebView(string: url)
    }else{
        loadLocalWebView(string: url)
    }

    self.view = webView
}

override var prefersStatusBarHidden: Bool{
    return true;
}

override func viewDidLoad() {
    super.viewDidLoad()

}

func loadWebView(string: String){
    if let url = URL(string: string){
        let request = URLRequest(url: url);
        webView.load(request)
    }else{
        print("Failed to connect to URL: " + string)
    }
}

func loadLocalWebView(string: String){
    if let url = Bundle.main.url(forResource: string, withExtension: "html"){
        webView.loadFileURL(url, allowingReadAccessTo: url.deletingLastPathComponent())
    }else{
        print(string + "not found!")
    }

}
}

这是 html 文件的代码

<!DOCTYPE html>
<html>
    <head>
        <title>Local Demo</title>
        <meta name="viewport" 
content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" 
href="index.css" />
    </head>
<body>
    <script>

        var display = new Display(window.innerWidth,window.innerHeight);
        var ctx = display.create();
        function render(){
            ctx.fillRect(0,0,100,100);
            requestAnimationFrame(render);
        }
        render();

        function Display(width,height){
            this.canvas = document.createElement("canvas");
            this.canvas.id = "canvas";
            this.canvas.width = width;
            this.canvas.height = height;
        }

        Display.prototype.create = function(){
            document.body.appendChild(this.canvas);
            this.ctx = canvas.getContext("2d");
            return this.ctx;
        }
    </script>
</body>

Answer 1

原来的问题是，我在创建实例后定义了 class，这导致没有任何效果，翻转订单后，一切正常。

WKWebView 不适用于 JavaScript 类

WKWebView is not working with JavaScript Classes

html

javascript

oop

swift

wkwebview