如何在Chrome开发工具中设置网站javascript（即不是你的）的断点？

Question

我想知道网站上运行的一些javascript变量的值。 如果网站不是我的，我该如何检查？

例如，这是来自topbar.js的StackExchange toppage：

! function(t, e, n) {
    "function" == typeof define ? define(n) : "undefined" != typeof module ? module.exports = n() : e[t] = n(e)
}("klass", this, function(t) {
    function e(t) {
        return o.call(n(t) ? t : function() {}, t, 1)
    }

    function n(t) {
        return typeof t === r
    }

    function i(t, e, n) {
    //script continues...

例如，如何在调用时设置断点或知道t的值？

Answer 1

按Ctrl + Shift + i。

在网站上打开开发工具

转到“来源”标签。

使用Ctrl + P打开所需的js文件。

此特定文件已缩小。您可以通过按代码窗口左下角的{}按钮来取消它。

现在您可以像在自己的页面中一样添加断点。

Answer 2

点击Chrome开发者工具“来源”标签左侧的行号添加断点