Skip to content

README.md

Latest commit

 

History

History
45 lines (28 loc) · 1.13 KB

README.md

File metadata and controls

45 lines (28 loc) · 1.13 KB

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