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

Google chrome devtools 如何在Chrome开发者工具中查看注入的脚本,google-chrome-devtools,Google Chrome Devtools,我正在使用$().html(content)向页面中注入一个部分。部分代码的一部分是我需要检查的内联脚本块中的JavaScript代码。当我查看Chrome开发者工具中的Sources选项卡时,它不会显示注入的内容。它显示的只是原始来源 有没有办法访问JavaScript 更新 我正在使用Google Chrome 21.0.1180.77,但我也安装了Google Chrome Canary。我没有“源”选项卡(元素、资源、网络、脚本、时间线、配置文件、审核、控制台) Elements选项卡始

我正在使用$().html(content)向页面中注入一个部分。部分代码的一部分是我需要检查的内联脚本块中的JavaScript代码。当我查看Chrome开发者工具中的Sources选项卡时,它不会显示注入的内容。它显示的只是原始来源

有没有办法访问JavaScript

更新
我正在使用Google Chrome 21.0.1180.77,但我也安装了Google Chrome Canary。

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

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

这方面有一个Chrome问题:

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


“我的元素”选项卡显示更改,但不显示新的脚本标记。是的,我似乎记得我的“来源”选项卡过去被称为“脚本”。你说得对。用适合我的方法更新了我的答案。
//@ sourceUrl=whatever.js