google-chrome-devtools - 如何在 Chrome 开发者工具中查看注入(inject)的脚本

标签 google-chrome-devtools

我正在使用 $().html(content) 将部分注入(inject)页面。部分是我需要检查的内联脚本 block 中的 JavaScript 代码。当我查看 Chrome 开发人员工具中的 Sources 选项卡时,它不会显示注入(inject)的内容。它显示的只是原始来源。
有没有办法访问 JavaScript?
更新
我使用的是 Google Chrome 21.0.1180.77,但我也安装了 Google Chrome Canary。

最佳答案

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

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

有一个关于此的 Chrome 问题:http://code.google.com/p/chromium/issues/detail?id=95352

您可以添加 specially formed comment到注入(inject)的 JavaScript 代码,然后它将显示在 Scripts 选项卡中(但它仍然不显示在 Elements 选项卡中,无论出于何种原因):

//@ sourceUrl=whatever.js

关于google-chrome-devtools - 如何在 Chrome 开发者工具中查看注入(inject)的脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11904209/

相关文章:

google-chrome - Chrome 扩展持久化

javascript - Chrome Devtools:所有 watch 均不可用

javascript - Chrome Devtools 中的 "child"是什么意思?

google-chrome-devtools - 在 Chrome 开发者工具 22 中看不到动态加载的代码

html - Chrome 开发工具如何生成 CSS 选择器?

javascript - 从Chrome开发工具调用JS函数

c# - 为什么 Chrome 会在我的 HTML 顶部添加一个正文,然后给我一个看似虚假的 err 消息?

javascript - 使用 Puppeteer 时等待文本出现

ajax - Apollo GraphQL 响应在 chrome devtools 中是不可见的

css - 在 Chrome 开发者工具中添加一个新的 CSS 规则,而不是通过检查一个元素?