作者:开拓者企业管理培训 | 来源:互联网 | 2020-11-22 04:27
在本文中,我写了许多在开发者工具中与CSS相关的功能和技巧,我认为它们将把你的CSS开发水平提升至一个新的台阶。其中一些技巧不仅仅针对CSS,但是我还是把它们放在了一起。
如 demo 所示,一旦你打开了 Coverage 面板,你可以在 Sources 面板打开一个源文件。当文件打开时,你将注意到 CSS 文件中每条样式右侧都有绿色或红色的线,指示样式是否在当前页面被应用。
结论
你的浏览器开发工具是 CSS 编辑和调试的宝库。当你将以上建议与 Chrome 的功能例如 —— Workspaces(允许你把在开发者工具所做的变更保存到本地文件)—— 结合,整个调试过程会变得更加完整。
我希望这些技巧与建议将提升你在未来的项目中编辑与调试 CSS 的能力。
以上就是16 个CSS开发中需要了解的DevTools技巧的详细内容,更多请关注 第一PHP社区 其它相关文章!