https://github.com/glintonliao/layout-visualizer

A chrome extension for visualizing page elements
https://github.com/glintonliao/layout-visualizer

chrome chrome-extension css layout

Last synced: 9 months ago
JSON representation

A chrome extension for visualizing page elements

• Host: GitHub
• URL: https://github.com/glintonliao/layout-visualizer
• Owner: GlintonLiao
• License: mit
• Created: 2022-12-04T23:03:27.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-12-13T19:17:52.000Z (over 3 years ago)
• Last Synced: 2025-08-10T13:30:36.169Z (11 months ago)
• Topics: chrome, chrome-extension, css, layout
• Language: CSS
• Homepage: https://chrome.google.com/webstore/detail/layout-visualizer/damlicfebbfedlipdokpehkmkpbhgpfi?hl=zh-CN&authuser=0
• Size: 30.3 KB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          






  

    

  


  
Layout Visualizer


  


    A chrome extension for visualizing dom elements

    


    Chrome Web Store

    ·

    Report Bug

    ·

    Request Feature

  



### Usage

Click `Add` button, then the extension will add the style to all elements on the page.



![iShot_2022-12-11_22 02 22](https://user-images.githubusercontent.com/37015336/206972244-f40b8bc7-4a7d-4836-8174-beabe265c3a9.jpg)

You can adjust the color, and toggle between border or background.

![iShot_2022-12-11_22 02 39](https://user-images.githubusercontent.com/37015336/206972184-6031b4af-2844-4215-be89-17ac7dd9ae68.jpg)

## License

MIT License © 2022-PRESENT Guotong Liao