From a992fea69eb30b2ccb26fe7f4eef04cfb5633b30 Mon Sep 17 00:00:00 2001 From: Arya Singh <72375247+ARYASINGHBJC@users.noreply.github.com> Date: Thu, 13 Oct 2022 14:06:49 +0530 Subject: [PATCH] Adds shortcut for opening dev tools (#2460) * Adds shortcut for opening dev tools `F12` open up Console tab in `Chrome`, `Mozilla`, `Brave` by default. However in `Microsoft Edge` it open up `Elements` panel. * Update content/roadmaps/106-javascript/content/117-javascript-chrome-dev-tools/readme.md Co-authored-by: Kamran Ahmed --- .../content/117-javascript-chrome-dev-tools/readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/roadmaps/106-javascript/content/117-javascript-chrome-dev-tools/readme.md b/content/roadmaps/106-javascript/content/117-javascript-chrome-dev-tools/readme.md index 14cd2cdc5..51781b12d 100644 --- a/content/roadmaps/106-javascript/content/117-javascript-chrome-dev-tools/readme.md +++ b/content/roadmaps/106-javascript/content/117-javascript-chrome-dev-tools/readme.md @@ -2,7 +2,7 @@ These are a set of tools built into the browser to aid frontend developers diagnose and solve various issues in their applications — such as JavaScript and logical bugs, CSS styling issues or even just making quick temporary alterations to the DOM. -To enter the dev tools, right click and click **Inspect** (or press `ctrl+shift+c`/`cmd+opt+c`) to enter the Elements panel. Here you can debug CSS and HTML issues. If you want to see logged messages or interact with javascript, enter the **Console** tab from the tabs above (or press `ctrl+shift+j`/`cmd+opt+j` to enter it directly). Another very useful feature in the Chrome dev tools is the Lighthouse (for checking performance) — more on this later. +To enter the dev tools, right click and click **Inspect** (or press `ctrl+shift+c`/`cmd+opt+c`) to enter the Elements panel. Here you can debug CSS and HTML issues. If you want to see logged messages or interact with javascript, enter the **Console** tab from the tabs above (or press `ctrl+shift+j` or `F12` /`cmd+opt+j` to enter it directly). Another very useful feature in the Chrome dev tools is the Lighthouse (for checking performance). NOTE: This isn't a chrome-specific feature, and most browsers (Chromium based or otherwise) will have their own, largely-similar set of devtools.