这里是修真院前端小课堂,每篇分享文从
【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】
八个方面深度解析前端知识/技能,本篇分享的是:
【如何使用浏览器的F12调试页面? 】
一、背景介绍
一个程序员按照要求编写一个网页,不可能一次编写就完全达到目的,一般要对自己的的代码修改调试几次后才能到达要求,浏览器的F12开发人员工具就可以很方便的帮助程序员调试自己的代码。
二、知识剖析
F12 开发人员工具是一套按需采用的工具,网站开发人员可以随时在任何网页上使用 F12 工具,从而快速调试 JavaScript、HTML 和级联样式表 (CSS),还可以跟踪并查明网页或网络的性能问题。
注:部分电脑打开F12是需要组合键:Fn+F12;例如:Mac,ThinkPad等
三、常见问题
F12调试CSS样式的主要功能有哪些?
四、解决方案
1、如何更改调试窗口的显示位置
按下F12进入调试