Javascript：如何一步式进行网站初始化？

Question

简短背景：我对JavaScript很新颖，目前对根据我的需求定制第三方网站感兴趣 - 即为Greasemonkey等编写脚本。通常这些网站会像Jquery，Bootstrap等库一样臃肿，这使得更难确定它们的工作方式。

当我分析一个新网站并想知道执行什么代码时，我可以使用Firebug创建断点或观察点，然后单步执行代码。但是，这对于在网站第一次加载时已经运行的代码无效。我该如何单步执行此部分？基本上我正在寻找一种方法来设置一个断点，甚至在第一个Javascript代码执行之前。

如果有比Firebug更好的工具，我都乐意提供建议。请记住，我不控制网站，所以更改网站的代码是不可能的。

Answer 1

如果它足够让你停在页面（通常是一些代码获取事件之前执行）的负载情况下，你可以做到以下几点：

1. 切换到HTML面板和有到事件侧面板。
2. 向下滚动到部分说的窗口以外的听众

3. 右键单击“加载”事件下的功能（可能是一个与除它以外的箭头），然后从上下文菜单中选择设置断点 。

   注意：可能有'DOMContentLoaded'事件处理程序，它在'load'事件之前调用。所以，如果存在，请在该函数中设置断点。

4. 重新加载页面。

下面是菜单的截图：

如上所述，通常前的“负荷”事件被激发，就像图书馆得到载入或一些全局变量初始化已执行一些代码。尽管据我所知，Firebug（或其他浏览器开发工具）没有选择在第一个执行的JavaScript语句中停止脚本执行。 但是在这条线上设置断点通常还是很容易的。它只是需要一些手动搜索：

1. 里面的脚本面板选择名为在线从Script Location Menu（第三个工具栏按钮从左边）的第一个脚本。
2. 搜索第一个JavaScript行，或者如果没有内联JavaScript，请从脚本位置菜单中的第一个<script>元素中选择脚本。
3. 在脚本的第一行设置一个断点。
4. 重新加载页面。