add a plugin to simulate average finger size vs element touch target size?

[hchiam]

below is a screenshot of a blue hand dragging an item: (the item is smaller than the average index finger width, so on mobile/touchscreen, it can be hidden from view - e.g., might be a problem for precise placing of pins on maps)

bookmarklet code: https://github.com/hchiam/learning-js/blob/main/bookmarklets/visualizeFingerTouch.js

demo/explanation/setup: https://www.youtube.com/watch?v=uKZj8gHar7w

i'm also curious to know if there's interest in adding something like this to devtools, since the default touch "circle" size seems too small in chrome devtools - @addyosmani

[hchiam]

i like how on android phones there's a text magnifier so i can see the text i'm selecting under my finger.

the hope with the bookmarklet i made for now is to reduce friction for people i work with to test and communicate touch target size bugs/fixes. thoughts?

[argyleink]

you've def made something unique here, but not sure it's a good fit for VisBug

keep innovating though and solving your problems!