HTML,CSS,JS如何使用浏览器来观察样式的变化并调试前端代码

         按F12,查看元素,然后 根据代码的id,查看出通过js导致样式改变的代码,如果是外部引入的js文件,就可以找到指定的js文件,根据id或者class找到对应的js事件。

HTML,CSS,JS如何使用浏览器来观察样式的变化并调试前端代码

根找到js文件:

 HTML,CSS,JS如何使用浏览器来观察样式的变化并调试前端代码

根据元素的id或者class找到点击导航栏触发事件:

HTML,CSS,JS如何使用浏览器来观察样式的变化并调试前端代码