标签: inspector

我正在h2使用谷歌浏览器的元素检查器检查网页上的元素,并且一些似乎已应用的CSS规则显示为灰色.看起来罢工表明规则被覆盖了,但是当样式变灰时它意味着什么？

嗯,这非常简单.如果Chrome的开发人员工具向我显示某个样式被覆盖,那么如何查看哪些CSS规则会覆盖它？

我想知道是否有什么像"告诉我什么覆盖了这个".

OBS: 拜托,请不要指向Firebug.

假设我的页面上有一个链接:

<a href="#" id="foo">Click Here</a>

我什么都不知道,但当我点击链接时,会显示一个警告("栏").所以我知道在某个地方,一些代码被绑定到#foo.

如何找到将警报("栏")绑定到click事件的代码？我正在寻找Chrome的解决方案.

Ps.:这个例子是虚构的,所以我不是在寻找像这样的解决方案:"使用XXXXXX并在整个项目中搜索"alert(\"bar \")".我想要一个真正的调试/跟踪解决方案.

我可以通过+符号(新样式规则)添加常规样式规则,但我不能在样式检查器的"Pseudo :: before Element"或"Pseudo :: after Element"部分下添加一个.如果我尝试通过"编辑为HTML" 将::beforeor或::after元素添加到HTML中,它将以文本形式显示.我的解决方法是添加<span class="pseudo_before"></span>然后设置样式.我错过了什么吗？

我使用AJAX并希望在通过服务器发送请求时访问其行为Chrome Inspector.当我切换到Network检查员的标签时,请求不在那里列出.

编辑

Inspector是打开的,network选项卡是活动的,现在我会做一些事情来触发ajax请求,但检查员没有报告.我的意思是情况已经完全准备好让检查员显示结果,但是应该改变一些配置.

有没有办法扩展Chrome WebKit检查器的元素视图中的所有元素？

是否有能力检查在HTML5画布上呈现的对象,就像我们可以在Silverlight Spy中使用Silverlight一样？

如果我使用Chrome元素检查器,我只能检查DOM.

我知道你可以在Chrome Inspector中看到事件监听器,但是我正在做一些调试工作,并且有很多事件监听器在我周围我想要禁用一些而不编辑代码

有没有办法从Webkit检查器快速禁用事件侦听器？

也许看一下并removeEventListener在监听器的控制台中输入一些代码？我该怎么做？例如,我如何删除上面的"点击"听众

是否可以在Chrome检查器中添加新的CSS属性？您似乎只能编辑现有属性.

此外,一旦您编辑属性,有没有办法查看修改后的CSS作为一个整体？

我试图在编辑器中显示一个二维数组,如Unity中显示的"图层碰撞矩阵":

虽然我需要整数而不是复选框,而是一个完整的网格(不是三角形).我似乎无法弄清楚如何做到这一点......我可以得到一个自定义编辑器,尽管使网格失败.那么,有什么方法可以看到物理管理器编辑器的代码(层碰撞矩阵在那里)或者有人知道这样做的好方法吗？

注意:首选语言是c#,但任何都可以.

谢谢.