每个桌面浏览器都自带一套开发者工具,能够直接使用,您可以将浏览器的扩展程序或插件扩展和添加至这些工具。
下面是两个 Chrome 扩展程序,它们具有一些有用的功能,可以帮助您调试设计。
Emmet Re:View
Emmet Re:View 可以让您轻松查看网站在您每次进行媒体查询时的外观,以及同步所有页面的滚动。 您可以在它们的网站上观看演示。
What Font?
我们经常使用的最后一个扩展程序是 What Font?。此 Chrome 扩展程序会向您说明页面当前使用的字体名称。 这真的会给调试任何网络字体问题带来极大的便利。