Javascript/Jquery 实现谷歌浏览器F12开发模式的选择效果

Question

是没有明白的意思吗？就是使用Javascript/Jquery 实现浏览器选择器效果。浏览器 F12 选择页面上的元素被遮盖，精准定位的效果。

Answer 1

        $(document).ready(function() {
            $("*").mouseover( function() {
                   $(this).addClass('cover');
                   console.log($(this));
                   event.stopPropagation() 
                }).mouseout( function() {
                    
                     $(this).removeClass('cover');
                     //event.stopPropagation() 
                })
            
        });

Answer 2

给你css
        <style>
.cover{
background-color: blue;
opacity: 0.5;
outline-style: dotted;
}
</style>