一个前端排除错误的小技巧(必知)
作为一只前端程序员,排除错误在所难免,介绍一个常用的小技巧(必备)
首先,有个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]
纯手打哦~~~~~希望觉得有用的朋友们点赞、收藏
并分享给周围的朋友呢 (_)