《Keylines》为网页元素添加随机描边颜色

Keylines是一款为网页dom元素, 添加随机颜色描边的扩展程序, 可以让前端工程师快速了解网页布局, 提升开发效率(随机颜色描边的想法蛮酷的~)

效果图:

《Keylines》为网页元素添加随机描边颜色
image

使用方法gif:

《Keylines》为网页元素添加随机描边颜色
image
  • Keylines的实现原理是为网页dom元素添加了outline属性

keylines扩展程序下载链接:

https://chrome.google.com/webstore/detail/keylines/akdpglnbllgdimcgmhknebpekooejiai

小结:

Keylines的实现原理非常简单, 但展示的效果却非常惊艳, 这应该归功于Keylines作者优秀的想法, 很多时候, 优秀的软件并不一定使用了很难掌握的技术, 而是包含了作者优秀的想法~

写在最后(我需要你的支持)

  • 本文属于谷粒-Chrome插件英雄榜 项目的一部分, 项目Github地址: https://github.com/zhaoolee/ChromeAppHeroes

  • 谷粒-Chrome插件英雄榜, 为优秀的Chrome插件写一本中文说明书, 让Chrome插件英雄们造福人类, 如果你喜欢这个项目, 希望你能为本项目添加一颗 ????星.

  • ChromeAppHeroes, Write a Chinese manual for the excellent Chrome plugin, let the Chrome plugin heroes benefit the human, If you like this project, I hope you can add a star ???? to this project.