A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$ if your browser aliases it:
~ 108 byte version
| (()=>{ | |
| function select() { | |
| document.getElementsByClassName('jfk-checkbox-checkmark')[0].click() | |
| }; | |
| function archive() { | |
| function triggerMouseEvent(node, eventType) { | |
| let clickEvent = document.createEvent('MouseEvents'); | |
| clickEvent.initEvent(eventType, true, true); | |
| node.dispatchEvent(clickEvent); |
| // Factory is a great place to keep the constructor and instance methods | |
| app.factory('User', function() { | |
| function User(username, email) { | |
| this.username = username; | |
| this.email = email; | |
| } | |
| User.prototype = { | |
| printUser: function() { | |
| console.log(this.username); | |
| }, |