使用技巧

掌握这些技巧,让你事半功倍

CSS Grid布局可视化调试

按F12打开开发者工具-选择Inspector-选中Grid容器-布局面板自动显示网格线和间距。比Chrome的CSS Grid工具更加直观好用。

性能分析火焰图使用

F12-Performance面板-开始录制-操作页面-停止录制。火焰图清晰显示每个函数的执行时间长短和调用栈深度。

响应式多设备预览

F12-响应式设计模式-一键切换iPhone或Android或iPad等超过20种设备尺寸和像素比例。

立即体验