Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vscaperrotta/inspecto-chrome-extension
インスペクト [Inspecto] is usefull to inspect DOM on any websites
https://github.com/vscaperrotta/inspecto-chrome-extension
analysis chrome chrome-extension css extension html inspector suggestions
Last synced: 5 days ago
JSON representation
インスペクト [Inspecto] is usefull to inspect DOM on any websites
- Host: GitHub
- URL: https://github.com/vscaperrotta/inspecto-chrome-extension
- Owner: vscaperrotta
- License: mit
- Created: 2025-01-06T13:52:35.000Z (24 days ago)
- Default Branch: master
- Last Pushed: 2025-01-24T15:42:00.000Z (6 days ago)
- Last Synced: 2025-01-24T16:31:10.512Z (6 days ago)
- Topics: analysis, chrome, chrome-extension, css, extension, html, inspector, suggestions
- Language: JavaScript
- Homepage: https://chromewebstore.google.com/detail/css-inspector/ibkdnfgpjedhflfhpgfkkhkpneofbgkn?authuser=0&hl=it
- Size: 3.42 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
- Authors: AUTHORS.md
Awesome Lists containing this project
README
インスペクト - Inspecto
Chrome Extension
**Inspecto** is a Google Chrome extension designed to simplify CSS analysis on a webpage.
---
## Key Features
- **DOM Inspection**: Allows you to examine CSS details of specific elements directly from the browser.
---
## Installation
1. Clone this repository:
```bash
git clone https://github.com/vscaperrotta/inspecto-chrome-extension
```
2. Install dependencies with Yarn:
```bash
yarn install
```
3. Start the development environment:
```bash
yarn dev
```
4. Create a production build:
```bash
yarn build
```
5. Load the extension in Chrome:
- Go to `chrome://extensions/`
- Enable "Developer mode"
- Click "Load unpacked" and select the generated `dist` folder.
---
## Available Scripts
Scripts can be run using Yarn:
- **Development**:
```bash
yarn dev
```
Starts the development environment with Vite.
- **Build**:
```bash
yarn build
```
Generates the production build.
- **Clear**:
```bash
yarn clear
```
Clean local dist folder.
---
## Project Structure
- **`assets/`**: Static resources such as images and icons.
- **`config/`**: Additional configuration files.
- **`public/`**: Static files not processed by the bundler.
- **`scripts/`**: Utility scripts for automation.
- **`src/`**: Source code for the extension.
---
## Main Dependencies
- **React** (`^18.3.1`) and **React DOM** (`^18.3.1`) for UI management.
- **Sass** (`^1.83.1`) for advanced styling.
- **webextension-polyfill** (`^0.12.0`) for cross-browser compatibility.
- **vite-plugin-static-copy** (`^2.2.0`) to manage static files.
---
## Requirements
- **Node.js**: >= 20.18.x
- **Package Manager**: Yarn (v4.5.0)
---
## License
This project is released under the [MIT](LICENSE.md) license. You are free to use, modify, and redistribute it under the terms of the license.
---
## Authors
Created by Vittorio Scaperrotta.
---
## Contributions
Contributions, bug reports, and suggestions are welcome! Open an issue or submit a pull request in the repository.
---
## Privacy
Refer to the [PRIVACY.md](PRIVACY.md) file for details on the privacy policy.
---
## Roadmap
Check the [TODO.md](TODO.md) file for a list of planned features and tasks.