问题标签 [google-chrome-devtools]

I am a newbie to extension development. I am trying to create an extension where i can inject code into a webpage. I have been trying to do this using google chrome content scripts. But i have been unable to do this on facebook.com or google.com. It seems to work on yahoo.com. Is there a reason for this? How can i get around this?

我想强制提交以进行调试。有没有办法通过开发人员工具在没有 javascript 或 jquery 的情况下在 Chrome 中提交表单？

谢谢，马特

我不确定这是否真的是一个问题或更多的观察 - 甚至是一个错误。

在我的 javascript 代码中，我使用了许多 console.log 和 console.group 语句来跟踪内部发生的事情。该代码还进行了一些递归，因此使组的缩进正确变得非常重要。

如果所有代码块都被执行，则控制台中构建的树会变深，但会冒泡回到层次结构的根级别。现在，如果一个块不执行另一个块并且 没有任何内容记录到控制台，则缩进在离开代码块后保持为+1。

更改

更一般地说；每次调用console.group时嵌套console.group而不使用console.log会导致错误缩进！

我知道，ChromeDevTeam 在实现 chromedevtools 时引用了firebug 控制台 api，并假设这种行为在 firebug 中是相同的。

我现在质疑是否有人经历过同样的行为？有人知道这种行为是否符合预期吗？最重要的是；有谁知道解决此缩进问题的解决方法？当然，我可以在每次打开一个组时 console.log 一些东西，但如果你问我，这不是真正的想法..

感谢您提供有关此主题的任何有用信息，抱歉，如果这个问题有点蹩脚:(

//Edit Nr2 -> 我更新了代码来说明问题。它现在生成所描述的错误缩进（与我的预期相反）。

我正在编写一个 Google Chrome 扩展程序，并试图从 40 年前的那种编码过渡到 HTML、CSS 和 Javascript 编码。这是一个很大的学习曲线，但一点控制台日志记录会很有帮助。（谁还记得旧的铁芯内存 Sperry Univacs 上的绿色荧光粉显示？现在有一个控制台可以告诉你发生了什么 - 安装磁带，更换磁盘包或在打印机中放入更多纸张。）但我离题了.

就在几天前，我能够从我的内容脚本或后台页面向 Google Chrome DOM Inspector 控制台日志发送消息，如下所示：

console.log="从内容脚本 PEEK.JS 收到请求";

稍后，如果我检查注入该代码的页面，我会在控制台上看到完全相同的消息。如果该行执行了四次，我会在控制台上依次看到该消息的四个实例。这很简单但很漂亮。

现在，除非我输入“console.log”，否则控制台上不会出现任何内容，在这种情况下，我只看到消息的最后一个实例。这里有什么问题？我是否在调试器中关闭了某些东西？我是不是写错了代码？应该是："console.log("Message Here");" - （这总是返回错误）？

我花了好几个小时试图找到这个问题的答案，我只能推测这个问题非常简单，即使是受过良好教育的孩子也能回答。另一种方法是花更多时间尝试通过暗示或警报消息找到我的错误。最好花时间学习如何有效地使用检查器进行调试。

例如，昨天在重组曾经工作的代码以便它将数组从内容传递到后台而不是后台从内容连续请求每个项目之后，扩展中断，正如预期的那样。控制台显示一条错误消息：“选项卡执行脚本期间出错：未知错误。” 在同一行的最右侧带有一个链接，上面写着“chrome/ExtensionProcessBindings:95”。显然错误信息几乎没有用。单击该链接将我带到资源面板，该面板在右侧显示一个空白框，上面写着“background.html”这似乎也没用。

这些信息有什么帮助？我又花了六个小时才弄清楚我已经将变量定义移动到代码中的另一个位置，因此在执行 executeScript 行时它没有被定义。如果错误消息说在 executeScript 中未定义参数，我可以在大约十分钟内找到它。

所以回到最初的问题——我想要一个简单的答案——不要告诉我写一个函数。前两天看到控制台显示我想要的东西，没有写任何函数。

我需要能够或多或少地执行检查元素或更多地能够在鼠标悬停时突出显示和保存特定的 DOM 元素。这与 Google Chrome 开发者工具的“元素”标签或 FireBug 中的“HTML”标签是同义词。

我不需要像这些工具那样显示 DOM 或窗格，我只需要知道 XPATH 或 DOM 对象是什么，然后能够在网页本身上突出显示（就像这些工具一样）。这些工具当前在选择时会在元素上显示阴影。

我想最好在 Chrome 中执行此操作。有没有办法添加监听器？我玩过 chrome.contextMenus.create 但这不会让你访问页面，或者告诉你你在哪里。那里的 selectedText 无法在以后返回到同一个 DOM 元素。

有谁知道一个 API 可以让你知道鼠标在哪里？

注意：我无权访问该页面。即作为扩展的原因是因为我正在检查第 3 方页面，而不是我可以控制的页面。

在开发人员工具中，在我正在开发的 Web 应用程序中，我在控制台中遇到了一个相当奇怪的错误：

'获取数据：'

而已。没有堆栈跟踪或任何东西。这是一个失败的网络调用。它显示在“网络”选项卡中：

请求网址：数据：

请求标头

参考：http://localhost/testapp/

用户代理：Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.30 (KHTML, like Gecko) Chrome/12.0.742.100 Safari/534.30

Firefox/Firebug 中没有错误。很高兴弄清楚哪一行 HTML/Javascript 导致 Chrome 尝试执行此特定请求。

如果我浏览到 about:blank，请打开脚本控制台并输入以下内容：

响应显示 x.bind 是在本机代码中实现的：

但是，当我在我的 Web 应用程序的页面上拉起脚本控制台并执行相同的语句时，看起来 x.bind 不是本机实现的：

什么会导致这个实现像这样切换？我在我的 javascript 中设置的东西可能会导致这种情况吗？我在页面上使用 jQuery - 这会产生影响吗？

我正在开发一个大型的、大量 javascript 的网络应用程序。我在 Chrome 开发工具中遇到 XHR 响应和控制台日志记录的响应时间非常慢（3-5 秒）。实际的应用程序运行快速且响应迅速，只有开发工具看起来很痛苦。

有谁知道为什么 Chrome 开发工具会随着我的应用程序的增长而变得迟缓？

我正在构建一个 ASP.NET MVC3 网站。我的 .cshtml 文件中有一些 javascript：

谷歌浏览器的内置调试器没有看到这个 javascript 片段，所以我无法调试它。

如何在 Google Chrome 内置调试​​器的这个 javascript 片段中设置断点？

在 Webkit 浏览器的控制台中显示此错误的原因是众所周知的，并在错误文本中清楚地描述：

不安全的 JavaScript 尝试从 URL 为 www.example.com 的框架访问具有 URL iframed-content-example.com 的框架。域、协议和端口必须匹配。

但是对于具有许多可能触发错误的代码片段（广告、第三方库、特定于站点的脚本）的大型站点，错误消息对于跟踪和调试产生问题的代码行并没有太大帮助。发生跨域错误时，有什么方法可以触发堆栈跟踪？