如何在 Chrome 开发者工具中查看注入的脚本

Sha*_*lle 6 google-chrome-devtools

我使用 $().html(content) 将部分内容注入到页面中。该部分的一部分是我需要检查的内联脚本块中的 JavaScript 代码。当我查看 Chrome 开发者工具中的“源”选项卡时,它没有显示注入的内容。它所显示的只是原始来源。

有没有办法访问 JavaScript?

更新

我使用的是 Google Chrome 21.0.1180.77,但我还安装了 Google Chrome Canary。

jny*_*len 2

我没有“源”选项卡(元素、资源、网络、脚本、时间轴、配置文件、审核、控制台)。

Elements 选项卡始终反映 DOM 的当前状态,因此它将显示任何注入的脚本。 编辑:这似乎是错误的。

Chrome 存在一个与此相关的问题: http://code.google.com/p/chromium/issues/detail? id=95352

您可以向注入的 JavaScript 代码添加特殊格式的注释,然后它将显示在“脚本”选项卡中(但无论出于何种原因,它仍然不会显示在“元素”选项卡中):

//@ sourceUrl=whatever.js
Run Code Online (Sandbox Code Playgroud)