inspect(document.body), for example, will bring you directly to the body element in the Elements tab of your developer tools. If you are looking for a specific element and want to examine it closer, use inspect. As an alias for document.querySelectorAll it returns an array of all the DOM elements that match the given CSS selector.įor example, we can use this function to extract all the image sources of a web site: var pics = $$("img") You already learned about the power of $$ in the introduction of this article.
Usually pressing F12 and clicking the Console tab works best.īefore we dive in, let me ask you a little quiz question: Do you know what it takes to visualize the outline of your CSS layout in the browser?Įxactly 108 ($$("*"),function(a), 10) Īs entertaining as this is, there are also scenarios where the DOM selecting functions of the Command Line API are of actual value. You can access your browser’s JavaScript console in a variety of ways. In this article, we will have a look at some of those helpers and how you can leverage them for a better developing and debugging experience. The Command Line API is a collection of aliases, convenience functions, and shortcuts to interact with your web page right from within the JavaScript console.
0 kommentar(er)
