谷歌调试技巧

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xsh096011/article/details/89073871

F12打开调试窗口
在这里插入图片描述
在这里插入图片描述
Elements:选中最左侧箭头,点击查看的页面元素,可以看到界面元素的属性、值等;在右侧可以直接修改界面样式;

在这里插入图片描述
Console:控制台输出信息:显示加载页面的错误信息;也可将数据显示在这里;
Network:主要查看浏览器请求,及结果;

熟练使用这些调试技巧,才能做好前端;
参考文章

猜你喜欢

转载自blog.csdn.net/xsh096011/article/details/89073871