为什么我无法使用Chrome查看/调试jquery.html（）加载的javascript

Question

我在$ .post回调上加载了一些内联javascript的html。 “喜欢那样”的东西:-)

callback{
response_data = '<p>string with html and </p><script "javascript">var scripts...</script>'
jQuery('#selector').html(response_data);
}

但是当我这样做时，我看不到Chrome的Scripts选项卡上加载的新内联javascript。 我看到网络选项卡上的JS和js正在执行，但我无法调试此代码。

有关如何调试此代码的任何想法？ 谢谢！

Answer 1

所有现代JS引擎都允许生成一个“in-code”的javascript断点。

为此，您需要执行debugger; 代码中的某处。 一旦js引擎读取该命令，就会设置一个断点并加载调试器。

你可能想要一试。 它可能仍然无法正常工作，因为动态脚本插入仍然可能是麻烦和痛苦，具体取决于您何时以及何时执行。

通过创建和插入新的script element它肯定是一个更好的想法，使其更“准确”

var myscript = document.createElement('script');
myscript.textContent = 'var scripts = 42; alert("hello");';
myscript.type = 'text/javascript';

document.body.appendChild(myscript);