浏览器html审查元素,怎么查鼠标按下按钮时的颜色?

html-css07

浏览器html审查元素,怎么查鼠标按下按钮时的颜色?,第1张

如果是谷歌浏览器,查看某一元素的id,class名,右下角有css显示,如图

,按下时在css里的状态时:active ,你可以进到相应的css文件里查找

判断是否篡改不容易,但你可以禁止开启控制台,不准按f12,或者右键打开审查元素。

<script type='text/javascript'>  

//这段js要放在页面最下方  

var h = window.innerHeight,w=window.innerWidth  

//禁用右键 (防止右键查看源代码)  

window.oncontextmenu=function(){return false}  

//在本网页的任何键盘敲击事件都是无效操作 (防止F12和shift+ctrl+i调起开发者工具)  

window.onkeydown = window.onkeyup = window.onkeypress = function () {  

    window.event.returnValue = false  

    return false  

}  

//如果用户在工具栏调起开发者工具,那么判断浏览器的可视高度和可视宽度是否有改变,如有改变则关闭本页面  

window.onresize = function () {  

    if (h != window.innerHeight||w!=window.innerWidth){  

        window.close()  

        window.location = "about:blank"  

    }  

}  

/*好吧,你的开发者工具是单独的窗口显示,不会改变原来网页的高度和宽度, 

但是你只要修改页面元素我就重新加载一次数据,让你无法修改页面元素(不支持IE9以下浏览器)*/  

if(window.addEventListener){  

window.addEventListener("DOMCharacterDataModified", function(){window.location.reload()}, true)  

window.addEventListener("DOMAttributeNameChanged", function(){window.location.reload()}, true)  

window.addEventListener("DOMCharacterDataModified", function(){window.location.reload()}, true)  

window.addEventListener("DOMElementNameChanged", function(){window.location.reload()}, true)  

window.addEventListener("DOMNodeInserted", function(){window.location.reload()}, true)  

window.addEventListener("DOMNodeInsertedIntoDocument", function(){window.location.reload()}, true)  

window.addEventListener("DOMNodeRemoved", function(){window.location.reload()}, true)  

window.addEventListener("DOMNodeRemovedFromDocument", function(){window.location.reload()}, true)  

window.addEventListener("DOMSubtreeModified", function(){window.location.reload()}, true)  

}  

   

//压缩后的代码  

//var h=window.innerHeight,w=window.innerWidthwindow.oncontextmenu=function(){return!1},window.onkeydown=window.onkeyup=window.onkeypress=function(){return window.event.returnValue=!1,!1},window.onresize=function(){(h!=window.innerHeight||w!=window.innerWidth)&&(window.close(),window.location="about:blank")},window.addEventListener&&(window.addEventListener("DOMCharacterDataModified",function(){window.location.reload()},!0),window.addEventListener("DOMAttributeNameChanged",function(){window.location.reload()},!0),window.addEventListener("DOMCharacterDataModified",function(){window.location.reload()},!0),window.addEventListener("DOMElementNameChanged",function(){window.location.reload()},!0),window.addEventListener("DOMNodeInserted",function(){window.location.reload()},!0),window.addEventListener("DOMNodeInsertedIntoDocument",function(){window.location.reload()},!0),window.addEventListener("DOMNodeRemoved",function(){window.location.reload()},!0),window.addEventListener("DOMNodeRemovedFromDocument",function(){window.location.reload()},!0),window.addEventListener("DOMSubtreeModified",function(){window.location.reload()},!0))  

  

</script>