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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM2OTE2MTgsIm5iZiI6MTcyMzY5MTMxOCwicGF0aCI6Ii81MTg4MzYxMy8yNDk1NDAxMTMtYjE5N2FiYmUtNTg3YS00ZjEwLTk0YzEtNGQ0ZDdlMTQ2MzUwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE1VDAzMDgzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWUxOGY0OTVlZWM4ZWU3YTI2NmM1ZDVkZGY2MDNkMzgxYzNkNzhiYmMwY2VhY2Q4N2IyODgyMDdmOThlNzM5ZmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Q9gYWGPxWbbg9eAXYj-1xWmXBKBDiJKK2zkmN2la8P0)