# 实现一个Web UI检测(视觉走查)工具ing
# 演示
废话不多先看效果，目前支持元素的测距，属性查看这两个功能
| H5 | PC |
|---|---|
 |  |
# 快速体验
# 方式1
打开一个网站在控制台中执行
(function () {
var url = '//unpkg.com/ewuit@latest/dist/index.min.js'
var script = document.createElement('script');
script.src = url;
document.body.appendChild(script);
script.onload = function () {
const ewuit = new Ewuit()
// open a ui tool
ewuit.openUI()
}
})();
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
# 方式2
在你的页面模板中加入如下脚本
<script>
(function () {
var url = '//unpkg.com/ewuit@latest/dist/index.min.js'
var script = document.createElement('script');
script.src = url;
document.body.appendChild(script);
script.onload = function () {
const ewuit = new Ewuit()
// open a ui tool
ewuit.openUI()
}
})();
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# 其它方式
参考 Github 上的README (opens new window)