Chrome 開発ツールには非常に便利なツールが組み込まれていることを、私は最近発見しました。そのツールの名前すら知りませんし、Google でも見つけることができません。ピクセル インスペクター ツールだと思います。
使用方法は次のとおりです。
1a. 背景色を持つ HTML 要素を検査します。
1b. 要素の背景色を定義します。
- カラーピッカーをクリックします。
- ページ上の任意の要素にマウスを移動します（開発ツール上ではありません）
見る：http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif
質問: このツールの名前は何ですか? 簡単に使用するにはどうすればいいですか? ほとんどの場合、色は気にしませんが、アイコンのピクセルを検査したいのです。 このツールにはホットキーがありますか?
ベストアンサー1
スポイトを開くには、次の手順に従います。
- DevToolsを開くF12
- 要素タブに移動
- スタイルサイドバーの下にあるカラープレビューボックスをクリックします
主な機能は、ピクセルのカラー値をクリックして検査することですが、新しい機能では、下部にある 2 つの矢印アイコンをクリックして、ページの既存のカラー パレットまたはマテリアル デザイン パレットを表示することもできます。ページをデザインするときに非常に便利です。