每个桌面浏览器都有一套开发工具,开箱即用,您可以将他们添加到您的浏览器的扩展或插件。
以下是两个具有一些实用功能的Chrome扩展程序,可帮助您调试设计。
Emmet Re:View是一个工具,它可以让你轻松查看您的网站在每个媒体查询(media queries)中的样子,并同步所有页面的滚动。 你可以在他们的网站上看到它的演示。
Download on the Chrome Web Store
我们普遍使用的一个扩展是 What Font? 。这个Chrome扩展程序会告诉您当前在网页上使用的字体的名称。在调试任何 web 字体问题的时候真的很方便。
Download on the Chrome Web Store