12 функций в Chrome DevTools консоли, которые полезно знать! | Command Line API

Friends, today is an extremely valuable video! We will look at useful command line functions available in DevTools in Chrome. These console methods in DevTools make front-end development and debugging code much easier and faster. We share with you magical developer tools, so to speak, a must have for every professional. Master and use with pleasure! Timecodes: 00:00 Introduction 00:23 History of selected elements $0-$4 01:42 Last calculated value $_ 02:40 Select element by CSS selector $(selector) 03:26 Select all elements by CSS selector $$(selector) 03:49 Select element using XPath $x(xpath) 04:54 Copy to clipboard copy() 05:10 Shortcut for console.dir dir() 05:24 Output DOM element in xml view dirxml() 05:39 Quick jump to element in tab elements inspect() 06:03 List of event handlers on element getEventListeners() 06:27 Monitoring function call monitor() 07:15 Monitoring events on element monitorEvents() 08:16 Where to read about Command Line API --- Video on Console API:    • 10 самых полезных методов Console API, кот...   Documentation on Command Line API: https://developers.google.com/web/too... Lecture on XPath:    • 029. XPath - Сергей Пузанков   --- Ask your questions in the comments. And also write what topics you would like to see new releases on. If the video was useful for you, like it and share it with your friends. --- Subscribe to our channel: http://bit.ly/fs-ytb --- Join us on social networks: FB:   / frontendscience   VK: https://vk.com/frontend_science Instagram Sergey Puzankov:   / puzankovcom   Visit our website: http://frontend-science.com/ --- Music: Rock Angel by Joakim Karud   / joakimkarud