如何在Chrome中调试长脚本？

Question

我有一个script标记的页面。该标记内的脚本很长，但我想调试它。不幸的是，我无法滚动到控制台中的相关位置，因为在一定长度后脚本根本不显示，请参阅附件：

如您所见，它以

结尾

return !filt...

实际功能如下：

            this.validate = function(filters) {
                for (var filter in filters) {
                    if (!innerValidation(filters[filter].filterType, filters[filter].evaluatedValue, data[filters[filter].key])) {
                        return filters[filter].isOr;
                    }
                }
                return !filters[filter].isOr;
            };

问题：为什么Chrome会截断我的脚本以及如何更改？

注意，我知道我可以从外部文件加载它，但我真的很想知道这种行为的原因。

Answer 1

脚本的显示被截断但仍然正确地解析和运行代码。您应该能够在相关主机下的“源”选项卡中查看完整代码，并在其中放置断点。

Answer 2

如果你有一个很长的脚本，最好把它变成自己的文件。这将为您提供最佳的调试体验。

“元素”面板会截断大型脚本以帮助保持快速，并且无法撤消此操作。因此，您需要使用一些外部调试工具来尝试获取此功能，但即使这样，大多数工具也能最好地处理外部脚本文件。

如果使用内联脚本应该非常短。对于任何大小合适的脚本块，请将其分配到自己的文件中。