0.1.8 âĸ Published 10 months ago
element-selector v0.1.8
Simple web element selector
Did you ever think about the ability to make your custom â ⧠C (inspect element) in your extension or tool? Yeah, we did too. And, of course, browsers doesn't provide any API to use it. Fortunately, we were looking for the same solution and finally wrote a small library.
The benefits
- đ Compatible with
<script>
andimport()
usage - đĒļ Zero-dependent library, only native code
- âī¸ We use HTML5 Canvas to draw the selection, so it's fast
- đŠ We use modern JavaScript, yummy
- đĢ It's asynchronous, no callbacks needed
Installation
Use it with NPM
npm i element-selector
Use it with CDN
<script src="//cdn.jsdelivr.net/npm/element-selector@0.1.7/dist/main.js"></script>
How to use
There are only 2 public methods
let elementSelector = new ElementSelector();
/**
* Toggle element selector interface
* - use async/await
* - use then callback
*/
let selectedElement = await elementSelector.togglePrompt();
/**
* After you don't need it you can
* destroy canvas and styles objects
*/
elementSelector.destroy();