Web Console Helpers make dev life bit easier 🐥

The JavaScript command line provided by the Web Console offers a few built-in helper functions that make certain tasks easier.

Short Example

 
In the Dev Tools

we can use $ instead of document.querySelector
and $$ instead of document.que…


This content originally appeared on DEV Community and was authored by Rajesh Royal

The JavaScript command line provided by the Web Console offers a few built-in helper functions that make certain tasks easier.

Short Example

 
In the Dev Tools

we can use $ instead of document.querySelector
and $$ instead of document.querySelectorAll.

// old
document.querySelectorAll(".myClass");

// new
$$(".myClass");

This screenshot is taken with :screenshot in Firefox [chrome is not supported as I tried already]

Screen Shot 2022-02-08 at 17.41.02.png

Screen Shot 2022-02-08 at 17.41.02.png

A complete reference Web Console Helpers - Firefox Developer Tools | MDN

⚠ Please check the supported browsers on MDN.


This content originally appeared on DEV Community and was authored by Rajesh Royal


Print Share Comment Cite Upload Translate Updates
APA

Rajesh Royal | Sciencx (2022-02-08T12:10:18+00:00) Web Console Helpers make dev life bit easier 🐥. Retrieved from https://www.scien.cx/2022/02/08/web-console-helpers-make-dev-life-bit-easier-%f0%9f%90%a5/

MLA
" » Web Console Helpers make dev life bit easier 🐥." Rajesh Royal | Sciencx - Tuesday February 8, 2022, https://www.scien.cx/2022/02/08/web-console-helpers-make-dev-life-bit-easier-%f0%9f%90%a5/
HARVARD
Rajesh Royal | Sciencx Tuesday February 8, 2022 » Web Console Helpers make dev life bit easier 🐥., viewed ,<https://www.scien.cx/2022/02/08/web-console-helpers-make-dev-life-bit-easier-%f0%9f%90%a5/>
VANCOUVER
Rajesh Royal | Sciencx - » Web Console Helpers make dev life bit easier 🐥. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/02/08/web-console-helpers-make-dev-life-bit-easier-%f0%9f%90%a5/
CHICAGO
" » Web Console Helpers make dev life bit easier 🐥." Rajesh Royal | Sciencx - Accessed . https://www.scien.cx/2022/02/08/web-console-helpers-make-dev-life-bit-easier-%f0%9f%90%a5/
IEEE
" » Web Console Helpers make dev life bit easier 🐥." Rajesh Royal | Sciencx [Online]. Available: https://www.scien.cx/2022/02/08/web-console-helpers-make-dev-life-bit-easier-%f0%9f%90%a5/. [Accessed: ]
rf:citation
» Web Console Helpers make dev life bit easier 🐥 | Rajesh Royal | Sciencx | https://www.scien.cx/2022/02/08/web-console-helpers-make-dev-life-bit-easier-%f0%9f%90%a5/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts