Chrome DevTools CSS Domain

Offen
#745 2 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
25/100
Issue-Typ
Feature
Klarheit
Muss geklärt werden
Aktivitätsstatus
Veraltet
Tech-Stack
cpp, css
Bereich
devtools

Rechercherichtung

Beginnen Sie mit der Dokumentation zum Chrome Debugging Protocol CSSAgent und den in der Issue verlinkten Definitionen in css-classes.d.ts. Untersuchen Sie anschließend die vorhandene Vorschau berechneter Stile und den Pfad zur Auswahl von Knoten im visual tree. Die Arbeit ist abgeschlossen, wenn die verbleibenden CSSAgent-Stilinformationen innerhalb des Umfangs für den inspector zugänglich gemacht wurden, während Übereinstimmungen mit Pseudo-Elementen und Elementschriften weiterhin außerhalb des Umfangs liegen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

backlog feature

Implement the CSSAgent, part of the Chrome Debugging Protocol, inside Chrome DevTools.

Features:
  • Preview CSS styles used in application/page
  • Preview computed styles
  • Preview inline styles
Requirements:

ping @vakrilov @hshristov @PanayotCankov

In order to display proper styles information, the CSS agent needs to be sent information following a very specific interface for the selected node in the visual tree.

Selecting an element from the DOM requires the following information to be computed and sent to the inspector:

  • Inline styles -> CSSStyle
  • Style matches -> RuleMatch[]
  • Inherited styles -> InheritedStyleEntry[]
  • (out of the 3.1 scope) Pseudo Element matches -> PseudoElementMatches[]
  • Computed Styles for node -> CSSComputedStyleProperty[]
  • (out of the 3.1 scope) Element Fonts -> PlatformFontUsage

CSSStyle, RuleMatch, InheritedStyleEntry, PseudoElementMatches, CSSComputedStyleProperty, PlatformFontUsage classes' definitions can be previewed at https://github.com/NativeScript/android-runtime/blob/43f9bd0ff7cc96e0560bf5f965ee5f01e19f12d5/test-app/app/src/main/assets/app/css-classes.d.ts#L3

Part of Epic #563

Vorherrschende Sprache
C++
Sterne
563
Forks
144
Ø Merge
10 Std. 46 Min.
Gemergte PRs (30 T.)
14

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus NativeScript/android

Alle Issues in NativeScript/android

Ähnliche Issues

Weitere Issues zu C++

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.