Skip to content

A browser extension for swap CSS theme variables, testing layout alignment and getting UI element sizes.

Notifications You must be signed in to change notification settings

timothyguo86/ui-testing-extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ui-testing-extension

Features:

  • Theme Switcher (Blue and Pink)
  • Outline mode (Outline all elements on the page)
  • Inspector Mode (Inspect elements' CSS selector and dimensions on the page)
  • Ruler Mode (Measure the distance between two elements on the page)

To install in Chrome:

  1. Unzip edge_extension.zip
  2. Open Chrome and go to chrome://extensions/.
  3. Enable "Developer mode" in the top right corner.
  4. Click "Load unpacked".
  5. Select the edge_extension folder

To install in Edge:

  1. Unzip edge_extension.zip
  2. Click on the three dots in the top right corner, then select "Extensions".
  3. Toggle the "Developer mode" switch at the top right corner of the Extensions page.
  4. Click "Load unpacked"
  5. Select the edge_extension folder

Issues and Feature Requests:

Please submit any issues or feature requests here

About

A browser extension for swap CSS theme variables, testing layout alignment and getting UI element sizes.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published