在开发工具面板中看不到样式

Question

我尝试使用 devtools-protocol

显示nodeId节点的元素样式

当元素悬停并点击时，我总共收到4条消息

• CSS.getMatchedStylesForNode
• CSS.getComputedStyleForNode
• CSS.getPlatformFontsForNode
• CSS.getPlatformFontsForNode

我正确回答（我认为），但在开发工具面板中看不到样式

详细沟通：

请求：

• {"id":35,"method":"CSS.getMatchedStylesForNode","params":{"nodeId":80}}
• {"id":36,"method":"CSS.getComputedStyleForNode","params":{"nodeId":80}}
• {"id":37,"method":"CSS.getPlatformFontsForNode","params":{"nodeId":80}}
• {"id":38,"method":"CSS.getInlineStylesForNode","params":{"nodeId":80}}

响应。 （太长了，所以我把它们缩短了，CONTENT是他们内容的占位符）

• {"result":{"cssKeyframesRules":[],"inherited":[{ CONTENT }],"id":35}
• {"result":{"computedStyle":[{ CONTENT }],"id":36}
• {"result":{"fonts":[]},"id":37}
• {"result":{"inlineStyle":{"cssProperties":[],"cssText":"","range":{"endColumn":0,"endLine":0,"startColumn":0,"startLine":0},"shorthandEntries":[],"styleSheetId":"69061.90"}},"id":38}

我希望听到解决方向的任何指针。

Answer 1

从Google Chrome Dev Tools inspect element styles not showing尝试此操作。

  

我刚才遇到了同样的问题，为了解决这个问题，我进入了Chrome   开发人员工具 - ＆gt;设置 - ＆gt;滚动到底部，然后单击＆＃34;还原   默认并重新加载＆＃34;然后一切都神奇地回来了！

     

我在工作和停止工作之间没有任何改变   不知道为什么它会破裂，但希望这对你也有帮助。

如果这不起作用，请尝试重新安装Chrome网络浏览器。

Answer 2

问题解决了。 Chromium CSSRule.js。

  

如果您在getMatchedStyles中报告的有效负载包含styleSheetId＆＃39; s，   那么你也应该用这个id报告样式表   前端。您应该为此发出CSS.styleSheetAdded事件。