- Clone repo
- Open Chrome extensions tab:
chrome://extensions - Toggle
developer mode - Click 'load unpacked'
- Select the repo folder
- Once installed, go to a web page
- Click the installed Extension
- Once clicked, you will see the bounding boxes of elements with a ugly blue border
- Once you click an element, you can then use your mouse to find the next element, and you will see a box around the next element you are hovering on, and the pixel distance from the edge to your mouse
- Prevent click bubbling up
- Improve calculation distances
- Fix ugly colors
- Typescript