一个前端排除错误的小技巧(必知)

作为一只前端程序员,排除错误在所难免,介绍一个常用的小技巧(必备)

首先,有个Google Chrome浏览器(至于为什么是Google Chrome啊。。。因为香啊(_)用过都说好)

案例

先写一个人人都会的注册页面(主要还是因为懒得重新写了,就拿之前的出来用,看破不说破)

注册界面
性别
生日 --请选择年-- 1995 1996 1997 1998 --请选择月-- 1 2 3 4 --请选择日-- 1 2 3 4
所在地区
婚姻状况 未婚 已婚 离婚
学历
月薪
手机号码
昵称
喜欢的类型 妩媚的 可爱的 小鲜肉 老腊肉 都喜欢
自我介绍 自我介绍
我同意注册条款和会员加入标准
我是会员,立即登录

然后使用Google Chrome打开

在这里插入图片描述

然后使用检查功能

方式一
最简单的右击,点击检查 即可
在这里插入图片描述
方式二
快捷键 F12 (作为一个IT懒汉 当然是F12)
或者Ctrl+Shift+l

根据弹出的页面找到对应的代码

在这里插入图片描述
这里用最简单的表头为例子

样式的检查

左边的Styles就是相关的样式
在这里插入图片描述

在这里插入图片描述
使用这个小箭头,点击页面可以快速定位到响应的代码,调整页面的神器。

在这里插入图片描述
点击这个,就可以切换为手机模式 (非常方便啊)

在这里插入图片描述
按住Ctrl键,就可以修改相应的代码哦(调试必备技巧)[^2]

纯手打哦~~~~~希望觉得有用的朋友们点赞、收藏
并分享给周围的朋友呢 (_)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值