ewuit
TypeScript icon, indicating that this package has built-in type declarations

0.0.1 • Public • Published

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

Ops types

// 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

Package Sidebar

Install

npm i ewuit

Weekly Downloads

2

Version

0.0.1

License

MIT

Unpacked Size

551 kB

Total Files

34

Last publish

Collaborators

  • atqq