Question

是否有任何工具可以在客户端捕获执行和执行的javascript代码？我们使用debugger命令逐步执行dev机器，但是调试生产问题是否有任何工具可以捕获加载和执行的javascript代码？

非常感谢任何指导。

感谢

Answer 1

如果你正在使用Firefox（或可以测试），FireBug是一个很好的工具，可以让你进入，跳出，等等javascript代码块。它还允许你在js中放置断点，并在需要时暂停执行。

Answer 2

如果您想要调试生产代码的方法，可以监控一些事项：

捕获window.onerror个事件。
创建一个JSON对象以记录页面上的重要事件。
如果您担心您的网站可能很慢，请在慢速操作之前/之后使用“new Date.getTime（）”来获取运行时间。

我不知道这样做的现成工具。通常人们使用img标记将GET请求发送回其服务器，然后分析日志。以下是记录JavaScript错误的示例：

window.onerror = function(errorMsg, url, lineNumber) {
  var url = '/js_err?msg=' + uriEncodeComponent(errorMsg) +
            '&url=' + uriEncodeComponent(url) + 
            '&line=' + uriEncodeComponent(line);
  var i = new Image();
  i.src = url; // Sends GET request to /js_err with info

  // Add some checks so that if above code throws an error, you won't
  // ping your server in an infinite loop
}

然后，您可以查看日志中对/ js_err的请求，以查看最常见的错误消息，并与请求的用户代理组合，以查看错误发生在哪些浏览器中。

Answer 3

Firebug，IE开发人员工具栏和MS脚本调试程序，具体取决于您的浏览器。

Answer 4

就个人而言，我喜欢使用Chromium开发人员工具：http://www.chromium.org/devtools。您可以从CTRL-SHIFT-J开始，或者单击右上角的类似文档的图标，然后单击“开发者选项”。

Answer 5

我使用的工具有很多，包括Firebug，Internet Explorer 8。然而，我最喜欢的用于复杂调试的工具是visual studio。使用visual studio的关键是使用debugger command.

捕获执行javascript代码的工具

5 个答案: