Couple tips on ChromeDevTools


1.  Type in console: document.designMode = 'on' or document.body.contentEditable=true





2. Console log in table

function Person(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } var family = {}; family.mother = new Person("Jane", "Smith"); family.father = new Person("John", "Smith"); family.daughter = new Person("Emily", "Smith"); console.table(family);


3. Which JS can change element

getEventListeners($(‘selector’))

.eventName[0].listener
.click[0].listener

4. How to take time?

console.time('myTime'); console.timeEnd('myTime');
// myTime:123.00 ms

5. Last result saved in variable $_ (try type 1+2 in console and $_)


Comments