0
87
Viewshover does not active when trying to see hidden qr code bar?
I am trying to clone a website and here is this website's link
as you can see in this picture, when I hover the mouse to the line name "tải ứng dụng" it will show the QR code
my problem is, I want to use some extensions like page ruler redux to measure the QR code's size, but it disappear when I move the mouse to another position (I click to the hover at the force element state, but it still disappear).
I think that when I click to the hover at the force element state, it must show the QR code and it will not disappear ?
Could you please give me some way to make it display to measure it?
Thank you very much for your time.
2 answers
Answer question0
The Chrome/Edge Dev tools have a built-in measurement function, hopefully this gets what you want.
- Right-click => Inspect element on the link, expand the div and click on the
:afterselector - Making sure the inspect element page is in focus (the last thing you clicked on), hover over the link
- With only the arrow keys on your keyboard, navigate the element tree (up/down to move up and down, left/right to expand, enter if you want to copy a property, like the image url). As long as you don't click, the element stays up.
0
- find the QR code element node by chrome devtools, as you can see in this picture, the
divhtml which one has a classname be namedshopee-drawer__contents
picture about how to find element node name
- In chrome devtools console, you can print it out or use document method to measure it.
For instanse document.getElementByClass('shopee-drawer__contents').getBoundingClientRect()
print out width & height
