z-index-tracker
v1.0.0
Published
Scan and Analyze z-indexes
Maintainers
Readme
z-index-tracker
z-index-tracker is a developer-friendly tool that scans and analyzes all z-index values in the provided path. It supports both static HTML files and live webpages, generating a clear report of z-index values sorted in descending order.
Features
- 📂 Static HTML Support: Analyzes local HTML files to identify
z-indexvalues. - 🌐 Real-Time DOM Analysis: Uses Puppeteer to scan live webpages and dynamically loaded elements.
- 📊 Developer-Friendly Output: View results in a well-formatted table with tag names, IDs, classes, and
z-indexvalues sorted by priority.
Installation
npm install z-index-tracker -gUsage
Command
z-index-tracker scan <input>Input Types
- Static HTML File: Provide the path to a local HTML file.
- Live Webpage: Provide the URL of a webpage.
Future Enhancements
- 🌈 Add visualization for z-index layers.
- 🔄 Enable real-time monitoring of DOM changes.
- 💾 Generate exportable reports in JSON/CSV formats.
Contributing
Contributions are welcomed! Please feel free to:
- Fork the repository.
- Create a new branch.
- Submit a pull request.
