F12开发者工具调试前端页面

在运行前端html页面的时候，我们都要通过反复的调试才能达到想要的效果，而这时，f12开发者工具就直接帮我们进行调试，明显的提高了我们的调试速度。 1.更改调试窗口的显示位置，通过Dosk side可以选择将开发者工具框放置在左部，右部，底部还是小窗口。 2.进行手机端调试，通过下图的小图标将页面转为手机浏览模式，并在页面顶部有显示不同品牌手机的样式。如下图操作。 3.在CSS布局中我们经常会用到

>>阅读原文<<