CRX id
jeebpgmphhagpecfiophljpkhncoajcg
jeebpgmphhagpecfiophljpkhncoajcg
Description from extension meta
すべての要素にアウトライン（背景色なし）を挿入するだけでなく、サイズとレイアウトも検査します。 CSS ってすごいですね！
Image from store
Description from store
Pesticide で Web 開発体験を向上させましょう。レイアウトのデバッグと CSS の習得に最適なツールです。
🔍 Pesticide の機能
Pesticide は Web ページにビジュアル ガイドをオーバーレイするため、要素の境界やサイズを簡単に特定し、レイアウトをデバッグし、CSS ボックス モデルを完璧にすることができます。 初心者でも熟練した Web 開発者でも、このツールはレイアウトのトラブルシューティングに最適なソリューションです。
🌟 主な機能
- CSS デバッグが簡単: 要素のアウトラインを即座に強調表示して、レイアウト構造を把握できます。
- 簡単に切り替え: Ctrl + Shift + P などのキーボード ショートカットまたはコンテキスト メニューを使用して、Pesticide を有効/無効にします。
- インタラクティブな手順: 洗練されたバナーで、終了方法やモードの切り替え方法など、効率的な使用に関するヒントが提供されます。
- カスタマイズ: オプション ページで必要なデバッグ情報を決めることができます。
- 生産性の向上: 直感的なビジュアル アシストを使用して、複雑なレイアウトのデバッグにかかる時間を節約できます。
- 起動時にデフォルトで下部バナーの表示/非表示を制御できるようにオプション ページを追加しました
💼 Chrome 向け Pesticide を選ぶ理由
- スピードとシンプルさに最適化されています。
- もう推測する必要はありません。 要素がどのように積み重ねられているかを正確に確認できます。
- 開発者、デザイナー、ピクセル パーフェクトな Web ページの作成に熱心な方に最適です。
- デバッグ効率の向上: ページ上の各要素のアウトラインを表示することで、レイアウトの問題をすばやく特定できます。
- DOM を視覚化: HTML と CSS がどのように連携してページを形成するかを理解します。
- 使いやすい: 拡張機能のオン/オフを切り替えるだけで、Pesticide スタイルをリアルタイムで挿入または削除できます。
- 学習に最適: 初心者は、CSS の効果を視覚的に確認することで、要素レイアウトの動作をよりよく理解できます。
🚀 今すぐ Pesticide をインストールしましょう!
ワークフローを簡素化し、Web デザインをコントロールしましょう。 今すぐ Chrome 向け Pesticide をダウンロードして、CSS デバッグを簡単にしましょう! クリーンで構造化された Web サイトの構築に真剣に取り組んでいる場合、Pesticide for Chrome はツールキットに必須です。
Latest reviews
- (2025-07-12) Sojib Mir: gd extension
- (2025-07-02) TEDD: best
- (2025-06-26) marketing consultero: Awesome
- (2025-06-26) Aaron Xu: Ths for the amazing plugin However, can it support adjust width/height? It seems too big in some display
- (2025-06-08) Stephen Skarstedt: Fantastic Tool!!! Works extremely well!!! Thank you!
- (2025-06-03) dyllan van wyk: Awesome tool, thank you so much
- (2025-05-28) kareem sarhan: best
- (2025-05-17) Animesh Maity: Good, gets the job done. Could give a solid 5 star if the size of the banner could be adjusted. Thank you.
- (2025-05-05) Manuel Jovedo Canog: Very good. I hope I can adjust the size of the banner, though.
- (2025-04-27) Assem Hamza: it fix the proplems
- (2025-04-14) Pascalau Nicu: very helpful
- (2025-03-18) Fred Fraser: Love it!
- (2025-03-17) Tamer Ghaly: I liked it
- (2025-03-10) Colin Muriithi: Extremely practical, useful and crucial for design / frontend debugging...thanks for this!
- (2025-03-10) med yasser: perfect actually helping new programmers to debug and know what are the problem with css code
- (2025-03-06) Imanariyo Baptiste: very helpfully tool
- (2025-03-05) luis paredes: Best tool for web developers.
- (2025-03-05) Victor Akhihiero: The pesticide extension i was using before got outdated. really glad i could find a suitable replacement
- (2025-03-04) John Lloyd Basco: It's been my go-to tool for frontend development in all my projects! Thank you!
- (2025-03-03) Sujal: this is much much helpful. thanks a lot devs
- (2025-03-02) Jegede Joseph: I love it
- (2025-02-25) David Henson: Was using a similar extension that kept breaking. This one is so much better. Love the details at the bottom! Really useful.
- (2025-02-21) Dayaash G: Great Assistant during development.
- (2025-02-02) fandan: thanks for making this,
- (2025-01-17) Henrique Candiotto: I enjoyed it. Really useful!
- (2025-01-14) Alyssa Michelle: As a front end developer, I use this constantly. However, the enormous section on the bottom of the screen really kills the vibe. I want to SEE my UI. The CSS change on hover can be nice, but also very distracting. Can we please get the option to turn these features off?
- (2025-01-14) Gustavo Starace: Great extension for developers!
- (2025-01-13) SH Park: gg
- (2024-12-29) Luqman Ola: Great
- (2024-12-10) steam punck: Great tool for front end developers learning how CSS works!