7

Dart Polymer を使用して Web コンポーネントを作成しています。CSS スタイルをデバッグするには、Dartium でアプリを起動し、Chrome DevTools を使用してスタイルを調べます。

<style>問題は、 のタグで定義されたすべてのスタイルが、<polymer-element>正しく適用されているにもかかわらず、DevTools に表示されないことです! これらのスタイルはどこにありますか?

4

3 に答える 3

9

動作させるための手順は次のとおりです。

  1. 組み込みの Chromium で任意の Dart プロジェクトを開きます
  2. F12を押して開発ツールを開く
  3. 右上の歯車アイコンをクリックします
  4. Elements カテゴリの「Show Shadow DOM」オプションを有効にします。
  5. Elements パネルに移動すると、すべてのスタイルを含むコンポーネント DOM が表示されます。

それがあなたのために働くことを願っています。

おかげで: http://oliversmith.io/technology/2012/05/19/inspecting-the-shadow-dom-in-google-chrome-inspector/

于 2014-05-21T13:05:04.787 に答える