跨 HTML、CSS 和 Javascript 跟踪代码执行答案

【问题标题】：tracing code execution across HTML, CSS and Javascript跨 HTML、CSS 和 Javascript 跟踪代码执行
【发布时间】：2012-06-18 23:15:04
【问题描述】：

我是否可以跟踪/查看跨 html、css 和 javascript 处理网站的确切顺序？

我有一个函数在第一次传递时没有触发，我很确定它与执行顺序有关。而且，在处理过程中（缓慢地）查看各个步骤会非常有用

感谢您的任何建议。

【问题讨论】：

【解决方案1】：

听起来好像您想在代码中设置breakpoints，然后单步执行执行路径。

点击所需的断点（可能只是脚本的第一行）后，单击顶部的“Step into next function call”（它看起来像一个指向点的向下箭头）按钮Chrome 屏幕底部窗格的右侧。

这些问题也应该有所帮助：

【讨论】：

【解决方案2】：

在 Chrome 中，使用开发者工具栏。按键盘键：F12。

【讨论】：

【解决方案3】：

在您的 JS 中放置 alert(1); 或 console.log(2) 看看会发生什么。如果您使用 Firefox，请先打开其 Web 控制台，然后查看是否有任何错误。 Ctrl+Shift-K 打开 Web 控制台。

【讨论】：

【解决方案4】：

按 F12 或 Ctrl+Shift-K 可使用开发者工具，它几乎适用于任何浏览器。您将调试您的代码并使用 consol

【讨论】：