Chrome DevTools CSS Domain

Đang mở
#745 2 bình luận 2 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
25/100
Loại issue
Tính năng
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
cpp, css
Lĩnh vực
devtools

Hướng nghiên cứu

Bắt đầu với tài liệu Chrome Debugging Protocol CSSAgent và các định nghĩa css-classes.d.ts được liên kết trong issue, sau đó kiểm tra bản xem trước kiểu đã tính toán hiện có và đường dẫn chọn node của cây trực quan. Công việc hoàn tất khi thông tin kiểu CSSAgent còn lại trong phạm vi được cung cấp cho inspector, trong khi các kết quả khớp pseudo-element và font của element vẫn nằm ngoài phạm vi.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

Ngôn ngữ chính
C++
Star
563
Fork
144
Merge trung bình
10 giờ 46 phút
Pull request đã merge (30 ngày)
14

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của NativeScript/android

Tất cả issue của NativeScript/android

Issue tương tự

Thêm issue về C++

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.