如何在 document.write 加载时调试 JavaScript 代码？

Question

我可以在 Chrome 的元素视图中看到代码，但在源代码中看不到，因为它是由 document.write 函数加载的。

这种情况下如何设置断点？

Answer 1

我想您可以访问生成 document.write 的源代码，您可以像这样添加对 'debugger' 的调用：

<script>
document.write('<sc' + 'ript> debugger; alert(0);</s' + 'cript>');
</script>

我在 chrome 上打开了调试器，它将停止执行并在源选项卡上显示生成的代码。