Dive deep into elements of your webpage. Highlights all the elements of the page
Diver is a chrome extension designed to enhance your web browsing experience by providing a unique way to interact with web elements. With a simple click, Diver adds outlines to every element on a webpage, allowing you to visualize the structure and hierarchy of the page's content.
Key Features:
-
Click to add outlines: With a single click, Diver adds outlines to every element on a webpage, highlighting their boundaries.
-
Toggle outlines on/off: Click again to remove the outlines, providing a clear view of the webpage while retaining the flexibility to quickly inspect elements again.
The diver is user-friendly and lightweight, ensuring it seamlessly integrates into your browsing experience without slowing you down. It's a must-have tool for web developers and designers, enabling them to streamline their workflow and gain valuable insights into the structure of any webpage.
Example Preview
![Diver-on-state](https://private-user-images.githubusercontent.com/51883613/249540113-b197abbe-587a-4f10-94c1-4d4d7e146350.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1MDMzODQsIm5iZiI6MTcyNDUwMzA4NCwicGF0aCI6Ii81MTg4MzYxMy8yNDk1NDAxMTMtYjE5N2FiYmUtNTg3YS00ZjEwLTk0YzEtNGQ0ZDdlMTQ2MzUwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI0VDEyMzgwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ4YWNjY2M5ZmJjM2Q1YmU0YjQwZDY5MDUyYjdhODVmZDk0Y2YwMzBlOTYzZjg0MDBjNzZjY2NiN2Q0YzljOGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.qiNPHke7s4-JBoYchEkLdTqcKp3UgqygSoMxqvG2vVs)