关于使用google浏览器调试html和JavaScript代码

28 篇文章 0 订阅
17 篇文章 0 订阅

首先,要知道哪些页面是可以调试的:

带有后缀的页面是可以调试的,没有后缀的页面,是服务器的页面,不可以调试代码.


如下图,带有猴子.htm的网页是可以调试的.



而像下面这个页面是不可以调试的:(因为没有后缀,所以是直接访问的服务端)




调试的时候,按F12,可以直接进入调试页面,进入上图中的Sources---->Sources就可以调试页面的代码了


更加智能的方式是选中页面中的某个模块,右键----->审查元素------->定位到该元素的代码块,Jquery中用得是最多的.


如下图所示:



在上图中,我讲搜索框的字体颜色修改成了蓝色.


2:下面重点来讲一下,前后端的数据交互的:

如下图所示,途中的红色框中的按钮点进去,就可以,观看页面传入到后台的表单数据.Header里面

而在response中可以看到后端返回给前端的数据.



下面还有一张图片:



3:最后,还可以在控制台写js代码.比如打印某个标签的值,如下图所示:



  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值