1.2.5 • Published 2 years ago
dom-inspector v1.2.5
DomInspector
Dom inspector like chrome dev tools.
Usage
Install dom-inspector
npm install dom-inspector --save
<script type="text/javascript" src="./dist/dom-inspector.min.js"></script>
const DomInspector = require('dom-inspector');
import DomInspector from 'dom-inspector';
New instance
const inspector = new DomInspector();
Instance options
const inspector = new DomInspector({
root: 'body',
exclude: ['#exclude>div', document.querySelector('.exclude')],
theme: 'you-custom-theme-class',
maxZIndex: '', // max z index, if blank, will auto get document.all max z index
});
root
Dom inspector root element. `String` or `Dom`, default `body`.
exclude
Not inspect some elements. `String` or `Dom` Array.
theme
Inspector overlay style. You can custom overlay background color as follow. ```css .you-custom-theme-class .margin { background-color: blue; } .you-custom-theme-class .border { background-color: red; } .you-custom-theme-class .padding { background-color: green; } .you-custom-theme-class .content { background-color: gray; } ``` Don`t forget background color opacity. ^_^
Attribute list
inspector.target
Inspecting element.
API list
inspector.enable()
Display overlay `block` and addEventListener `mousemove`.
inspector.pause()
RemoveEventListener `mousemove`, pause inspector.
inspector.disable()
RemoveEventListener `mousemove`, display overlay `none`.
inspector.destroy()
`disable()` and remove overlay.
inspector.getXPath([ele])
Return ele XPath.
inspector.getSelector([ele])
Return ele selector. `html>body>div:nth-of-type(9)`
inspector.getElementInfo([ele])
```js return { top: '', left: '', width: '', height: '', 'padding-top': '', 'padding-right': '', 'padding-bottom': '', 'padding-left': '', 'border-top-width': '', 'border-right-width': '', 'border-bottom-width': '', 'border-left-width': '', 'margin-top': '', 'margin-right': '', 'margin-bottom': '', 'margin-left': '' }; ```
1.2.5
2 years ago
1.2.4
3 years ago
1.2.4-beta.0
3 years ago
1.2.3-beta.1
4 years ago
1.2.3
4 years ago
1.2.3-beta.0
4 years ago
1.2.2
4 years ago
1.2.2-beta.2
4 years ago
1.2.2-beta.1
4 years ago
1.2.2-beta.0
4 years ago
1.2.1
5 years ago
1.2.0
5 years ago
1.1.1
6 years ago
1.1.0
6 years ago
1.0.1
7 years ago
1.0.0
7 years ago