3
我使用Dart Polymer创建Web组件。为了调试CSS样式，我在Dartium中启动应用程序并使用Chrome DevTools检查样式。如何在Chrome DevTools中显示Shadow Dom的CSS样式
问题是<style>标记<polymer-element>中定义的所有样式都没有出现在DevTools中，尽管它们被正确应用！我在哪里可以找到这些样式？
A
回答
1
这是一个已知的devtools bug。随意挑选它以获取有关其状态的任何更新。
1
就找到了解决办法：刷新页面打开DevTools后
对这个问题的可能原因：
当DevTools被打开，飞镖编辑报道：
的调试器连接已被DevTools关闭。
DevTools一次只支持一个连接的调试器（例如Editor或Chrome DevTools）。你想重新连接吗？ （DevTools必须先关闭）
所以可能会受到Dart Editor Debugger的一些干扰。当与Dart Editor Debugger的连接关闭并刷新页面时，DevTools将正常工作。
此解决方案适用于当下，但有没有更好的方法？或者它是Chrome DevTools还是Dart Editor中的错误？
4
这里是得到它的工作步骤：
- 打开任何飞镖项目中内置铬
- 开放开发工具，通过按下F12
- 点击齿轮图标的右上角
- 启用选项“显示阴影DOM”下的元素类
- 转到元素面板，你会看到组件DOM与各种风格的
希望它能适合你。由于：http://oliversmith.io/technology/2012/05/19/inspecting-the-shadow-dom-in-google-chrome-inspector/
相关问题
- 1. Shadow DOM重置样式表
- 2. 在Chrome 37中不能使用Shadow DOM？
- 3. Shadow DOM和自定义样式
- 4. Chrome DevTools：远程DOM修改
- 5. Shadow DOM：如果主机元素为<body>，如何应用CSS样式？
- 6. 如果在IE中显示CSS样式
- 7. 如何在vue devtools中显示错误？
- 8. JavaScript：（How）如何在Chrome的DevTools中检索外部CSS规则？
- 9. chrome devtools编辑css类
- 10. CSS样式表不显示样式
- 11. 使用shadow DOM注入Chrome扩展UI
- 12. 为什么Chrome DevTools不会向我显示样式表规则属于？
- 13. 如何在Chrome DevTools中使用iframe？
- 14. Chrome中的CSS显示高？
- 15. DrawImage不显示CSS样式
- 16. 在IE中显示CSS格式但不显示Chrome或Firefox
- 17. Chrome DevTools：在控制台中显示函数对象的属性
- 18. 在shadow DOM中执行JS
- 19. Box-shadow CSS样式在IE9中不起作用？
- 20. Shadow DOM和ReactJS
- 21. Chrome DevTools中的用户样式表来自哪里？
- 22. 由CSS样式应用的边框只在Chrome中不一致显示
- 23. 我的样式表css不会在控制台中显示行Chrome
- 24. chrome - 如何在popup.html中使用dom和js显示图像
- 25. 在选项卡中显示DevTools
- 26. 如何在样式中显示ImageView？
- 27. Devtools审计显示不需要/注入的CSS规则
- 28. 如何修复chrome-devtools中显示的不正确的mime类型（atom-feed）？
- 29. chrome devtools网络问题
- 30. 如何在JavaScript中记录DOM样式