实现一个Web UI检测(视觉走查)工具ing
演示
废话不多先看效果,目前支持元素的测距,属性查看这两个功能
H5 | PC |
---|---|
快速体验
方式1
打开一个网站在控制台中执行
js
(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()
}
})();
(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()
}
})();
方式2
在你的页面模板中加入如下脚本
html
<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>
<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>
其它方式
参考 Github 上的README