FeHelperに[ページカラー選択]tool_html/css_WEB-ITnoseを新規追加

あまりにも多くの友人が、一般的に使用される Web カラー ガジェットを FeHelper に追加することを望んでフィードバックを送ってきましたが、このことを理解する時間がありませんでした。数日前、偶然カラーピッカーコンポーネントを見つけて、それから学び、PhotoShop のカラーピッキング操作と組み合わせて、できるだけ早くこの機能を完成させました。

実装原理

実装は実際には複雑ではありません（知りたい場合は）次の点をまとめてみましょう

• ツールを選択するための適用可能なシナリオ: http://*/* 、https:/ /* /*, files://*/*
• content-scripts を通じて上記の種類のページにカラーピッカーのメイン プログラムを挿入します
• バックグラウンドでイベント監視を追加します
• ページのカラー選択操作をトリガーします
  • 方法 1:ポップアップ メニューでページ カラー ピッカー ツールを選択してコマンドを送信します
  • 方法 2: ページの右クリック メニューから FeHelper を選択 → ページ カラー ピッカー ツールを選択してコマンドを送信します
• バックグラウンドでコマンドに応答し、ページのプレビュー、およびコンテンツ スクリプトの返送 メイン プログラム
• カラーピッカーで を生成し、z-index が十分に大きく、カーソルとともに移動するカラー プレビュー ボックスを生成します
• Canvas と WebGL を組み合わせてプレビュー効果を生成します
• クリックして確認します カラー結果を選択し、結果を自動的に選択します
• X ボタンをクリックするか、[ESC] キーを選択してページカラー選択モードを終了します
• お楽しみください!

ツール入口

もちろん、FeHelperの右クリックメニューをオンにしておけば、右クリックで直接呼び出すことも可能です。

使用方法

1. ポップアップ メニュー メソッド

フィードバック

ツールは今後も改善されますが、使用方法によって異なります。問題がある場合は、タイムリーなフィードバックをお願いします。

推奨される統合フィードバック チャネル: http://www.baidufe.com/fehelper/フィードバック.html