首先,要知道哪些页面是可以调试的:
带有后缀的页面是可以调试的,没有后缀的页面,是服务器的页面,不可以调试代码.
如下图,带有猴子.htm的网页是可以调试的.
而像下面这个页面是不可以调试的:(因为没有后缀,所以是直接访问的服务端)
调试的时候,按F12,可以直接进入调试页面,进入上图中的Sources---->Sources就可以调试页面的代码了
更加智能的方式是选中页面中的某个模块,右键----->审查元素------->定位到该元素的代码块,Jquery中用得是最多的.
如下图所示:
在上图中,我讲搜索框的字体颜色修改成了蓝色.
2:下面重点来讲一下,前后端的数据交互的:
如下图所示,途中的红色框中的按钮点进去,就可以,观看页面传入到后台的表单数据.Header里面
而在response中可以看到后端返回给前端的数据.
下面还有一张图片:
3:最后,还可以在控制台写js代码.比如打印某个标签的值,如下图所示: