Question

这对于正常添加的文件很容易，但对于动态加载的JavaScript，调试器不会提取文件。

例如，

我点击Cntl-Shift-J打开调试器。我点击sources标签。我点击Cntl-O以显示我可以设置断点的文件。

列出的唯一文件是我使用

设置的文件

<script></script>

但我也像这样动态添加JS文件：

    if (file_type === 'js') {
        element = document.createElement('script');
        element.id = token;
        if (!source) {
            element.innerHTML = text;
            document.head.appendChild(element);
            if (callback) {
                callback();
            }
        } else {
            element.onload = callback;
            element.async = true;
            element.src = source;
            document.head.appendChild(element);
        }
        $A.Event.trigger(token);
        return;
    }

我无法访问这些文件。我怎么得到它？

Answer 1

你可以编写这个函数：

debbuger();

此功能将停止您放置代码的代码。

此外，如果您想要更好的体验，我建议在Firefox上使用“Firebug”，它是一个很棒的Web开发工具！

https://addons.mozilla.org/es/firefox/addon/firebug/

如何调试/逐步浏览Chrome中的动态JavaScript？

1 个答案: