kdzwinel/CSS-Diff

Show selector+actual rule differences

Open

#12 opened on 2014年9月24日

GitHub で見る
 (1 comment) (0 reactions) (0 assignees)JavaScript (21 forks)github user discovery
enhancementhelp wanted

Repository metrics

Stars
 (201 stars)
PR merge metrics
 (PR metrics pending)

説明

Is it possible to show the actual CSS selectors from my stylesheet that are being applied to each compared item?

Right now CSS-Diff just shows differences from the built in "Computed" tab. I'm thinking of something more like showing the diffs from "style" panel.

コントリビューターガイド

調査方針
CSS Diffが現在どのように「Computed」パネルから計算されたスタイルを取得しているかを調査し、機能を拡張して「Styles」パネルから実際のCSSセレクターとルールの差分を取得して表示できるようにします。これにはChrome DevToolsプロトコルとDOMトラバーサルの知識が必要です。
技術スタック
javascript
領域
frontend
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
半日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
おおむね明確
前提条件
JavaScriptChrome extensionsCSS
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
60