異なるページの要素のCSSプロパティを比較します。

Question

2つの異なるWebページの要素を比較する良い方法を探しています。これは4年以上前に尋ねられました。私はそこに存在しなかった何かが今日利用可能であることを望んでいる。

A tool to compare element properties on different pages

Answer 1

私はあなたがローカルストレージを使用することができると思います。 1ページに保存し、別のページから使用します。

HTMLローカルストレージとは何ですか？

ローカルストレージを使用すると、Webアプリケーションはユーザーのブラウザ内にローカルにデータを格納できます。

HTML5より前には、アプリケーションデータをすべてのサーバー要求に含まれるCookieに格納する必要がありました。ローカルストレージはより安全で、ウェブサイトのパフォーマンスに影響を与えることなく、大量のデータをローカルに保存できます。あなたが直面している問題を解決する必要がありますテストの

http://www.w3schools.com/html/html5_webstorage.asp

Answer 2

2カテゴリがcsste.stに応じComputed StyleとFrozen DOM技術です。

Csste.stはこれらの手法を適用しているすべてのプロジェクトを参照していますが、このサイトは過去2年間に更新されていないことに注意してください。ほとんどのツールはまだ周囲にあり、それ以来作成されたツールはほとんどありませんが、まだそこには、はです。

コンピュースタイル技術：この技術で

、テストユニットは、テスト対象の要素と要素に適用されるべきスタイルのリストにアクセスするために必要なCSSセレクタを含んでいます。 Frozen DOMとは異なり、この手法ではプロジェクトDOMのローカルコピーは保持されません。これは、それがより信頼できることを意味します。

冷凍DOM技術：冷凍DOMのテストを

、アイデアは、あなたがテストしたいページのDOM構造のスナップショットを取ることで、現在のものに適用されているスタイルDOM要素また、要素のCSSセレクタを記録して、テストで見つけられるようにします。 CSSを変更するときは、（古い）Frozen DOMに新しいスタイルシートを適用します。カスケードを介してエレメントに適用されるスタイルが、以前に測定され予想されたスタイルである場合、パスとしてカウントされます。そうでなければ、それは失敗です。