ewuit
means => an easy web ui inspect tool
Demo
H5 | PC |
---|---|
QuickStart
append this code in your html template
<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>
Installed
CDN
add script in html template
<script src="https://unpkg.com/ewuit@latest/dist/index.min.js"></script>
<script>
const Ewuit = window.Ewuit
</script>
NPM
# npm
npm i ewuit
# yarn
yarn add ewuit
# pnpm
pnpm add ewuit
import Ewuit from 'ewuit'
Usage
UI
const ewuit = new Ewuit()
// open a ui tool
ewuit.openUI()
// close a ui tool
ewuit.closeUI()
API
You can use these apis instead of UI action panels
const ewuit = new Ewuit()
ewuit.call('attribute',true)
ewuit.call('attribute',false)
ewuit.call('distance',true)
ewuit.call('distance',false)
Options
// defaultValue
const ops = {
scroll: false,
}
const ewuit = new Ewuit(ops)
- scroll: Whether the page is scrollable;default
false
TODO
- [x] Check Element Attribute
- [x] Check Element Distance
- [ ] Support More DIY Feature