Search for a command to run...
Full Stack Developer | Freelancer | JavaScript | React | Nodejs.
Loves sharing knowledge through technical articles.
Dev.to: https://dev.to/myogeshchavan97
https://linktr.ee/myogeshchavan97
Can you do this without a framework like jQuery included on the page is this built into the console or is it just using the included frameworks on the page? I'm just curious I use the console all the time but normally jQuery is included on the page.
Shawn Crigger There is no need for any jquery library. $ and $$ are available by default in chrome dev tools.
Yogesh Chavan Thank you, I always wondered if I was using jQuery or whatever library was on the page set to $ or if it was built into Chrome. I have used it many times to access the angular scope and see what was going on with the script.
In this tutorial, you will build a Task Management App using Next.js 16 and Prisma 7 from scratch. By creating this app, you will learn: How to set up Prisma 7 with the new Rust-free architecture How to configure a database with Prisma's driver ada...
If you're a React/Next.js developer who diligently updated your packages last week after the critical React2Shell vulnerability (CVE-2025-55182), I have some frustrating news: you need to update again. Security researchers, while probing the patches ...
Is your React app dragging its feet, but you can’t pinpoint the cause? You might think you’re following the best practices, but some common development patterns are actually degrading your app’s performance behind the scenes. In this article, we’ll u...
How to Use Separate SSH Keys for Company and Personal GitHub Accounts Managing multiple GitHub accounts is a common challenge for developers who juggle both personal and professional projects. It becomes even more complex when you want to use differe...
Have you ever built a React app only to realize that users from different countries can't use it effectively because it only supports English? In this tutorial, you'll learn how to build truly global React application using internationalization (i18n...
Many times when we’re writing JavaScript code, we want to quickly test if some element on the webpage is present or not or count the list of elements displayed.
To count the number of jobs displayed:
document.querySelectorAll('.job-item').length
To get the text of the button:
document.querySelector('.btn').innerHTML
But it's tedious to type document.querySelector or document.querySelectorAll every time to do something in the browser while testing.
So chrome developer tools provide an easier way.
Instead of document.querySelector we can use $ and instead of document.querySelectorAll we can use $$.
So no more need of typing the long text, just use $ or $$ and you’re done.
Check out the below gif to see that in action.
Want to learn all ES6+ features in detail including let and const, promises, various promise methods, array and object destructuring, arrow functions, async/await, import and export and a whole lot more from scratch?
Check out my Mastering Modern JavaScript book. This book covers all the pre-requisites for learning React and helps you to become better at JavaScript and React.
Check out free preview contents of the book here.
Also, you can check out my free Introduction to React Router course to learn React Router from scratch.
Want to stay up to date with regular content regarding JavaScript, React, Node.js? Follow me on LinkedIn.
