gpt4 book ai didi

dart - 如何在 Chrome DevTools 中显示 Shadow Dom 的 CSS 样式

转载 作者:行者123 更新时间:2023-12-02 19:19:52 25 4
gpt4 key购买 nike

我使用 Dart Polymer 来创建 Web 组件。为了调试 CSS 样式,我在 Dartium 中启动应用程序并使用 Chrome DevTools 来检查样式。

问题在于 <style> 中定义的所有样式标签 <polymer-element>尽管它们应用正确,但不会出现在 DevTools 中!我在哪里可以找到这些样式?

最佳答案

以下是使其正常工作的步骤:

  1. 在内置 Chromium 中打开任何 Dart 项目
  2. 按 F12 打开开发工具
  3. 点击右上角的齿轮图标
  4. 在“元素”类别下启用“显示 Shadow DOM”选项
  5. 进入 Elements 面板,您将看到具有所有样式的组件 DOM

希望它对您有用。

感谢:http://oliversmith.io/technology/2012/05/19/inspecting-the-shadow-dom-in-google-chrome-inspector/

关于dart - 如何在 Chrome DevTools 中显示 Shadow Dom 的 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19316610/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com