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

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

首先,有个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]

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