问题标签 [google-chrome-devtools]

是否可以在输入 jsfiddle.net 的 javascript 代码上使用 google chrome 检查器设置断点？

当我转到开发人员工具的脚本选项卡时，我看到很多脚本，但我不知道在哪里可以找到我的脚本，或者是否可以在其中找到它。在过去，我刚刚解决了一些 console.log 操作，但我很想设置一些断点。

（如果不可能，我对在这种情况下检查 javascript 的其他方法感兴趣。）

文档http://code.google.com/chrome/devtools/docs/elements.html说它支持 XPath 或 CSS 选择器，但是当我尝试时，它似乎对我不起作用。

有谁知道如何使用它？

我正在修改网站的外观（CSS 修改），但由于烦人的持久缓存，在 Chrome 上看不到结果。我试过Shift+refresh 但它不起作用。

如何暂时禁用缓存或以某种我可以看到更改的方式刷新页面？

当我尝试 cd 时，控制台显示“cd 未定义”

当我在我的 GWT 项目中调试问题时，我注意到当我将鼠标悬停在一个元素上时，我在工具提示中看到了它的大小，并在一个阴影区域中看到了它在屏幕中的大小和位置。However, when selecting that element and viewing its "computed style" attributes, I notice that the width is the same, but the height differs from the tooltip (it is zero).

这让我想知道：Chrome 在工具提示中显示的大小是多少？当计算样式为零时，为什么它是非零的？

此外，显示元素框模型的“度量”区域显示高度为零的大小。

这是一张关于我在说什么的图片：http: //img845.imageshack.us/img845/1766/96984162.png

使用 chromes web inspector 查看代码非常有用。但是您如何查看例如按钮的悬停代码？您必须将鼠标悬停在按钮上，因此无法在检查器中使用它（鼠标）。在检查器中是否有任何快捷方式或其他方法可以完成此操作？

我正在编写一个 Chrome 扩展程序，它的某些部分需要超高性能。我正在尝试查找文档以查看是否可以在 Chrome 扩展中使用 C 扩展。这目前可能吗？

如图所示，Safari/Chrome 开发人员工具表明 CSS 规则被其他东西覆盖，通过删除它。

有时我发现自己无法从 CSS 文件中找出导致该规则被忽略的原因。但是 Safari 本身肯定知道它会通过它。

有没有办法知道什么会覆盖这样的规则？

对于网络、配置文件和时间线，有一个记录按钮，用于保存日志。无论如何我可以对控制台日志做同样的事情吗？

有时，如果脚本中或提交后出现错误，页面会停止渲染或重定向，并且控制台日志会清除。有什么办法可以看到以前的日志。

在创建网站时，我经常使用 jQuery 的.data()函数向元素添加数据。

是否可以查看与 Chrome 中的元素一起存储的所有数据？

因此，当我检查一个元素时，它会在 Chrome 本身中显示数据。

如果不是，是否可以编写一个插件来“扩展”到 Chromeelement inspector以显示数据？