javascript - 在 UIWebView 中调试 JS

Question

我有一段 JS 已经在静态 HTML 页面上测试过并且工作正常。我需要从存储在我的 iOS 应用程序包中的 HTML 文件中调用此 JS。 JS 本身在 DOM 上做一些歌舞，并在渲染页面的顶部显示一个 div。

当我从 UIWebView 调用此文件时，我看不到正在运行的 JS，DIV 未显示在普通 HTML 上。

如果我打开远程检查器，将 HTML 复制/粘贴到一个文件中，然后从磁盘打开它，一切正常。但是，如果我只是打开 UIWebView，则没有任何效果。

我该如何调试？

Answer 1

您还可以通过在 Web View 中运行 JavaScript 来获得漂亮的文本输出。

假设我的 UIWebView 内容中有一些 JS，

var myCatsName = "Bob";
var myCatsType = "Silver Tabby";

我想在我的 iOS 应用程序中描述我的猫，假设你有一个名为 webView 的 UIWebView，就这样做

NSString* catDescription = [webView stringByEvaluatingJavaScriptFromString:@"myCatsName + ' (' +myCatsType + ')';"];

这意味着您还可以查看您的变量——创建一个名为 debugMessages 的 JS 数组，将您想要知道的任何内容添加到其中，然后通过将其与\n 连接作为字符串将其读出数组元素分隔符。

您无需使用 alert()，只需将一个新元素添加到 debugMessages。您的 iOS 应用可以定期轮询该变量的值。

这不是一种对调试其他人的代码有用的方法，但如果你是开发 JS 的人，它会非常有用 :-)