https://github.com/quasimatic/glance-dom
Quickly reference DOM elements with minimal inspection.
https://github.com/quasimatic/glance-dom
css glance reference selector selenium xpath
Last synced: about 1 year ago
JSON representation
Quickly reference DOM elements with minimal inspection.
- Host: GitHub
- URL: https://github.com/quasimatic/glance-dom
- Owner: quasimatic
- Created: 2017-03-06T00:23:15.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-04-09T13:13:48.000Z (about 8 years ago)
- Last Synced: 2024-05-29T21:13:57.669Z (about 2 years ago)
- Topics: css, glance, reference, selector, selenium, xpath
- Language: JavaScript
- Homepage: https://quasimatic.org/glance/
- Size: 1.05 MB
- Stars: 6
- Watchers: 3
- Forks: 2
- Open Issues: 6
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Glance DOM
Glance is a simple way to reference elements in the DOM. It’s intention and hope is to keep you from looking at the DOM in order to gain a handle to an element. However, if you do inspect the DOM (for example to grab a ```class``` or an ```id``` off of an element in case that's your only option) then referencing elements by classes and id’s are supported too.
To best understand how it works, experimenting with it goes a long way. You can learn how to read Glance by playing a game at [Come Take A Glance](http://quasimatic.org/take-a-glance/) or by tinkering around with our [CodePens](https://codepen.io/quasimatic/). Learn even more at [Quasimatic.org](https://quasimatic.org/glance)
## Documentation
For details on all good things that are Glance, come [read the docs here](http://quasimatic.org/glance-dom).
Documenting everything is currently being worked on so if there are differences between what you see here and what you see in the GitBook, please bare with us as we're working hard to pull them together. Nothing is inconsistant between the two, but you might find some here and some there for just a while.
### Browser
If you want to use Glance DOM in your Browser simply include it in a `````` tag on your page as shown below and then use it as shown below in example-script.js
```javascript
<html>
<body>
<button type="submit">Buy It!</button>
<script src="http://quasimatic.org/glance-dom/dist/glance-dom.js" type="text/javascript">