Create an inspector like highlight select on hover of elements to select a specific element and handle with a callback.
Bring in this script by copying/downloading the outliner-5000.js file.
Or install with bower or npm under the package name outliner-5000.
Outliner5000(options, callback);Simple usage for user to select an element and it return it's text:
Outliner500({}, target => console.log(target.textContent.trim()));Get css path for selected element, see examples/index.html.
removeOnCallback: true | false (default: false)
- Removes selection picker once user has selected element.
highlightSelected: true | false (default: true)
- Highlight the selected element once selected (unless removeOnCallback set to true).
finishCallback: Function
- Callback once finish called.
Current version was built for use in a chrome extension so it's browser support is pretty much just the latest browsers. But shouldn't take much tweaking to get any older browser support in.