分享一个eruda插件，给div添加边框

Github地址： eruda-outline-plugin

功能

给页面的元素增加一个边框，方便查看元素是否对齐、元素的边界，设计师走查的时候说不对齐的时候，可以打开看看

功能预览

在线预览地址

如何使用

先安装eruda：eruda地址

$ npm install eruda-outline-plugin

import erudaOutlinePlugin from 'eruda-outline-plugin';

eruda.add(erudaOutlinePlugin);

或者

<script src='/path/to/eruda-outline-plugin'></script>
<script>eruda.add(erudaOutlinePlugin);</script>

对比谷歌大神一行的代码

[].forEach.call($$("*"),function(a){a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)})

这个执行一次，给已经绘制好的元素添加边框，但是新插入的元素就没有了，erdua插件不存在这个问题