Chrome Dev Tools Console Super Powers
Vložit
- čas přidán 29. 04. 2023
- Another video in the Chrome Dev Tools series.
This video focuses on how to use the console panel in the browser and from your script.
code from video: gist.github.com/prof3ssorSt3v...
Chrome Dev Tools playlist: • Getting Started with D...
This is an invaluable series. Where was this 15 years ago? :-)
A bonus tip I just discovered: You can switch the docking position of the dev tools with the keyboard shortcut Cmd + Shift + D on Mac or Ctl + Shift + D on Windows.
Great tips that table command looks very useful 👌🏾
great explanation, easy to understand thanks
Awesome video. Love your dog in the back haha
lol Steve said "1+1" and the dogs barked 2 times
very helpful like always
please make more such useful content. respect from India
It sure sounded like your dog answered the 1 + 1 question correctly.
learned a lot, thank u. would love to learn more about the application tab in chrome devtools as well if u ever decide to do a more in depth video of what all the different options in that tab are for exactly like the application/storage/background services and the options in them like local and session storage, back/forward catche, and all the other ones that are important in ur experience. i'm sure a bunch of them are prob self-explanatory just from their name, but i've never messed with them before. either way, learned a lot, thanks
Thank you
Steve this is awesome do you have any video about JS for beginners I love the way you explain I don’t get tired of of watching your video one question how do you get ride of undefined in console I know by holding shift key and return we won’t get is but it’s annoying thank you
Which "undefined" are you talking about? Do you mean undefined appearing below a line of code that you type in the console? The console will and should always display the value that is returned from each line of code. For many lines that you will type, the return value will be undefined.
The "Verbose" level is for 'console.debug()'
This maybe silly but how do you make a full page just the console it self.
when you open the tools, if you are on the elements panel there can be a bottom segment that has tabs including Console. However, Console has its own tab that can be opened. You can close the lower panel to just show the elements or the console.
Additionally, if you click on the 3 dot menu in the top bar there are options for "Dock side" which includes opening the console as a separate window.
@@SteveGriffith-Prof3ssorSt3v3 Thanks