0
88
Visualizaçõeshover no se activa al intentar ver la barra de código qr oculta?
Estoy tratando de clonar un sitio web y aquí está el enlace de este sitio web
como puede ver en esta imagen, cuando paso el mouse sobre el nombre de la línea "tải ứng dụng", mostrará el código QR
mi problema es que quiero usar algunas extensiones como regla de página redux para medir el tamaño del código QR, pero desaparece cuando muevo el mouse a otra posición (hago clic en el estado del elemento de fuerza, pero aún desaparece).
Creo que cuando hago clic para pasar el mouse sobre el estado del elemento de fuerza, ¿debe mostrar el código QR y no desaparecerá?
¿Podría darme alguna forma de hacer que se muestre para medirlo?
Muchas gracias por tu tiempo.
2 Respostas
Responde à pergunta0
Las herramientas de Chrome/Edge Dev tienen una función de medición incorporada; con suerte, obtendrá lo que desea.
- Haga clic derecho => Inspeccionar elemento en el enlace, expanda el div y haga clic en el selector
:after - Asegurándose de que la página del elemento de inspección esté enfocada (lo último en lo que hizo clic), coloque el cursor sobre el enlace
- Con solo las teclas de flecha de su teclado , navegue por el árbol de elementos (arriba/abajo para moverse hacia arriba y hacia abajo, izquierda/derecha para expandir, ingrese si desea copiar una propiedad, como la URL de la imagen). Mientras no haga clic, el elemento permanece arriba.
0
- encuentre el nodo del elemento del código QR por Chrome DevTools, como puede ver en esta imagen, el
divhtml que tiene un nombre de clase se llamaráshopee-drawer__contents
imagen sobre cómo encontrar el nombre del nodo del elemento
- En la consola de Chrome Devtools, puede imprimirlo o usar el método de documento para medirlo.
Por ejemplo document.getElementByClass('shopee-drawer__contents').getBoundingClientRect() imprimir ancho y alto
