Chrome JavaScript调试器中的"Just My Code"

Question

有没有办法强制Chrome调试器在步进代码时跳过特定的源文件或函数？

- kpozin

---

你为什么想要这样做呢？你不能只选择.js文件并在它们上面设置断点吗？ - pixelbobby

当你遇到想要避免的步骤时，点击“跳过”？ - Jeremy

@pixelbobby：有些情况需要逐行浏览代码，因为你正在尝试调试控制流程，并且事先不知道哪些断点会被触发。 @Jeremy：是的，你可以手动跳过，但如果你的代码有很多低级库调用，自动跳过会更方便。 - kpozin

你在其他的集成开发环境中有没有类似于“仅限我的代码”这样的功能？如果有，它是什么？ - pixelbobby

Visual Studio已经有这个功能一段时间了——它可以跳过系统库，以及明确标记为隐藏的用户代码部分：http://msdn.microsoft.com/en-us/library/h5e30exc(v=VS.100).aspx。 - kpozin

Answer 1

现在，Chrome开发者工具中有了“框架黑盒化”功能：https://developer.chrome.com/devtools/docs/blackboxing

更新的链接：https://developers.google.com/web/tools/chrome-devtools/javascript/reference#blackbox

- kpozin

---

更新链接：https://developers.google.com/web/tools/chrome-devtools/javascript/step-code - StackOverflowVeryHelpful

Answer 2

如果您正在使用VS Code中的Chrome调试扩展进行调试，您可以将以下内容添加到launch.json文件的skipfiles部分。这是我的设置：

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "attach",
            "name": "Attach Chrome against localhost",
            "url": "http://localhost:4200/**",
            "webRoot": "${workspaceFolder}",
            "port": 9222,
            "skipFiles": [
              "node_modules/**/*.js",
              "runtime.js",
              "polyfills.js",
              "vendor.js",
              "analytics.js"
            ]
        }
    ]
}

- adam0101