官网地址:https://github.com/lucagez/Debucsser
DebuCSSer 是一款简易版的CSS调试工具,通过线框的形式呈现网页上的DOM元素,使用这款工具十分简单,你可以按住 CTRL 键,然后使用鼠标在页面上进行滑动 ,就会看到对应元素被加上了线框,并显示元素的宽高和对应的class或id。当你按住 CTRL + SHIFT 时,页面上所有的元素都以线框的形式进行呈现,方便你看元素与元素之间的关系。这些快捷键的设置当然你可以自定义,包括线框样式。
如果您觉得本文的内容对您的学习有所帮助:
关键字:
css