自学内容网 自学内容网

Debug-030-浏览器中F12审查伪类元素样式

问题描述:

        是一个平时会碰到,容易忽略掉的问题。对于一些鼠标悬浮显示的元素,前端想去查看这个悬浮展示的元素样式,此时一旦鼠标移出,元素就会消失,那么该如何审查这部分元素呢?

        

方法:

        (1)首先我们F12打开控制台,找到“源代码/来源”(英文名就是Sources)这一块

        (2)然后关注一下暂停按键。它的快捷键是"F8"

 (3)我们先把这个伪元素显示出来,然后点击"F8"暂停键,出现(1)tooltip框就不会消失了,然后我们就可以正常使用(2)点击元素一直查看它的样式。

(4)好了,最后可以去尝试一下。完美


原文地址:https://blog.csdn.net/LM0916/article/details/143891868

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!