google-chrome - chrome 等效的 firebug 中的脚本选项卡

Question

我希望能够JS在单个文件中设置断点。我可以chrome通过源选项卡来内联脚本。这不是很有帮助，因为我几乎没有 inline JS。

在 firebug 中，您有脚本选项卡，您可以在其中从js站点上的所有文件中进行选择。

Firebug 中 Chrome 的“脚本”选项卡版本在哪里？

Answer 1

目前尚不清楚是什么问题。Chrome 有开发者工具。它可以通过 Ctrl+I（Mac 上的 Cmd+I）快捷方式或通过菜单来调用。

在 DevTools 窗口中有一个 Sources 选项卡，可以显示该站点的 js 文件。您可以使用 Ctrl+O 快捷方式打开特定文件。

或者您可以使用源树窗格。

如果源文件被混淆/缩小，那么您可以在状态栏中带有花括号的按钮的帮助下漂亮地打印它。DevTools 还支持源映射。您可以在 js 文件中设置断点并执行 IDE 的许多其他典型操作。