CSS Debug with Pesticide

Chrome Ext

Firefox ext

CSS Debug with Pesticide is a browser extension that helps developers debug CSS by outlining each element on the page. It provides a visual representation of the box model, making it easier to identify layout issues and understand the structure of the page.

Commands to Run the App

To run the CSS Debug with Pesticide extension, follow these steps:

1. Clone the repository:

   git clone https://github.com/Sensiblemnd/css-debug.git

2. Navigate to the project directory:

   cd css-debug-pesticide

3. Install the dependencies:

   npm install

4. Run the ext in dev mode for Chrome or Firefox WXT will automatically open a browser window with your extension installed.

   Chrome Dev
   npm run dev
   
   
   Firefox Dev
   npm run dev:firefox

Now the extension should be loaded and ready to use.

For more info go to wxt.dev