Chrome DevTools CSS Domain

Aberta
#745 2 comentários 2 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
5/5
Tempo estimado
Mais de uma semana
Facilidade para iniciantes
25/100
Tipo de issue
Funcionalidade
Clareza
Precisa de esclarecimento
Status de atividade
Estagnada
Stack de tecnologia
cpp, css
Domínio
devtools

Direção de pesquisa

Comece pela documentação de Chrome Debugging Protocol CSSAgent e pelas definições de css-classes.d.ts vinculadas na issue; em seguida, inspecione a visualização existente de estilos computados e o caminho de seleção de nós da árvore visual. O trabalho estará concluído quando as informações de estilo restantes do CSSAgent dentro do escopo forem expostas ao inspector, enquanto as correspondências de pseudo-elementos e as fontes dos elementos permanecerem fora do escopo.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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

Linguagem predominante
C++
Estrelas
563
Forks
144
Merge médio
10h 46min
PRs com merge (30d)
14

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de NativeScript/android

Todas as issues de NativeScript/android

Issues semelhantes

Mais issues de C++

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.