Keylines是一款为网页dom元素, 添加随机颜色描边的扩展程序, 可以让前端工程师快速了解网页布局, 提升开发效率(随机颜色描边的想法蛮酷的~)
效果图:
image
使用方法gif:
image
- Keylines的实现原理是为网页dom元素添加了outline属性
keylines扩展程序下载链接:
https://chrome.google.com/webstore/detail/keylines/akdpglnbllgdimcgmhknebpekooejiai
小结:
Keylines的实现原理非常简单, 但展示的效果却非常惊艳, 这应该归功于Keylines作者优秀的想法, 很多时候, 优秀的软件并不一定使用了很难掌握的技术, 而是包含了作者优秀的想法~