【问题标题】:Get JavaScript errors coming from WKWebView获取来自 WKWebView 的 JavaScript 错误
【发布时间】:2016-06-01 09:31:29
【问题描述】:

我实现了WKScriptMessageHandler 协议并定义了userContentController(:didReceiveScriptMessage:) 方法。

当 Javascript 出现错误时,我会(在 WKScriptMessage 对象中)得到一些不太有用的东西,例如:

{
    col = 0;
    file = "";
    line = 0;
    message = "Script error.";
    type = error;
}

另一方面,如果我打开 Safari Web Inspector,我可以看到真正的错误(例如):

TypeError: FW.Ui.Modal.sho is not a function. (In 'FW.Ui.Modal.sho', 'FW.Ui.Modal.sho' is undefined)

有没有办法在我的本机代码中恢复该错误?

编辑: 澄清一下,javascript 代码是由 javascript 开发人员编写的(他无权访问本机源代码,因此无法通过 Xcode 调试应用程序)。然后将他编写的代码推送到 iOS 应用(从企业应用商店下载)。

【问题讨论】:

    标签: javascript ios wkwebview


    【解决方案1】:

    您可以在计算之前将表达式包装在 try catch 块中。然后让 JavaScript 在失败时返回错误消息。以下是来自Turbolinks-iOS adapter 的示例,可在 GitHub 上找到。

    extension WKWebView {
       func callJavaScriptFunction(functionExpression: String, withArguments arguments: [AnyObject?] = [], completionHandler: ((AnyObject?) -> ())? = nil) {
            guard let script = scriptForCallingJavaScriptFunction(functionExpression, withArguments: arguments) else {
                NSLog("Error encoding arguments for JavaScript function `%@'", functionExpression)
                return
            }
    
            evaluateJavaScript(script) { (result, error) in
                if let result = result as? [String: AnyObject] {
                    if let error = result["error"] as? String, stack = result["stack"] as? String {
                        NSLog("Error evaluating JavaScript function `%@': %@\n%@", functionExpression, error, stack)
                    } else {
                        completionHandler?(result["value"])
                    }
                } else if let error = error {
                    self.delegate?.webView(self, didFailJavaScriptEvaluationWithError: error)
                }
            }
        }
    
        private func scriptForCallingJavaScriptFunction(functionExpression: String, withArguments arguments: [AnyObject?]) -> String? {
            guard let encodedArguments = encodeJavaScriptArguments(arguments) else { return nil }
    
            return
                "(function(result) {\n" +
                "  try {\n" +
                "    result.value = " + functionExpression + "(" + encodedArguments + ")\n" +
                "  } catch (error) {\n" +
                "    result.error = error.toString()\n" +
                "    result.stack = error.stack\n" +
                "  }\n" +
                "  return result\n" +
                "})({})"
        }
    
        private func encodeJavaScriptArguments(arguments: [AnyObject?]) -> String? {
            let arguments = arguments.map { $0 == nil ? NSNull() : $0! }
    
            if let data = try? NSJSONSerialization.dataWithJSONObject(arguments, options: []),
                string = NSString(data: data, encoding: NSUTF8StringEncoding) as? String {
                    return string[string.startIndex.successor() ..< string.endIndex.predecessor()]
            }
    
            return nil
        }
    }
    

    【讨论】:

    • 如果我理解正确,这个解决方案在我的场景中不起作用,其中有一个 javascript 开发人员在自己的计算机上编写代码,然后这个代码被推送到 iOS 应用程序(例如从企业应用商店)。 JS 开发人员将无法看到正确的错误(上例中的语法错误),而只是一般的“脚本错误”。我说的对吗?
    • 啊,明白了。您是对的,此代码用于评估嵌入在 iOS 客户端中的脚本。但是,同样的 try catch 心态也适用 - 只需在开发脚本时实现该代码。
    • 如果代码很小,它可能会起作用。但如果代码是数千行代码,我猜你不能把所有东西都放在try catch 中。此外,我不确定try catch 是否适用于我的问题中的语法错误:try { result.sho(); catch (error) { ... };
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-28
    • 1970-01-01
    • 2020-12-20
    • 1970-01-01
    • 2012-10-11
    相关资源
    最近更新 更多