Chrome DevTools - Crash Course
video description
Date: 2022-03-14
Related videos
Comments and reviews: 10
Robin
Thanks for the vid! I have a question that's kind of hard to explain - but I'll try. I use a laptop for my code, and then an ultrawide monitor for previewing my code. When previewing, I tend to make my window take up about 2 thirds of my monitor. I'll open the developer console and set the width to what I'm working with (1440px, for example). What I've realized is that this looks totally different than if I did this on my laptop, instead of a monitor! For example, when previewing this window at 1440px wide and zoomed in at 100%, I get a height of 845px. When doing the exact same thing on my laptop I get a height of 491px. I've been designing code on my monitor that looks horrendous on most people's laptops, and I've only just realized! Does anyone know a way of working where this won't happen? I can switch to using my laptop as the preview screen, but it's a small display - so id prefer not to.
reply
Thanks for the vid! I have a question that's kind of hard to explain - but I'll try. I use a laptop for my code, and then an ultrawide monitor for previewing my code. When previewing, I tend to make my window take up about 2 thirds of my monitor. I'll open the developer console and set the width to what I'm working with (1440px, for example). What I've realized is that this looks totally different than if I did this on my laptop, instead of a monitor! For example, when previewing this window at 1440px wide and zoomed in at 100%, I get a height of 845px. When doing the exact same thing on my laptop I get a height of 491px. I've been designing code on my monitor that looks horrendous on most people's laptops, and I've only just realized! Does anyone know a way of working where this won't happen? I can switch to using my laptop as the preview screen, but it's a small display - so id prefer not to.
reply
Eelguneezmemmedov
guys how can i fix this problem it took my 4 hours i could find the solution
Hovering over elements not showing them in devtools any more
Devtools inspector used to work like this: when you hover over elements with inspector cursor you can see them in devtools DOM panel. It scrolls to show them.
How it works now: DOM tree not scrolling when you hover over elements. In order to see them on panel you need to click on them every time. And after that i have to choose inspector cursor
again. And so on. This is very inconvenient when you need to check many things on many pages.
I'm not sure when this change happened but something around couple weeks ago maybe. Please bring this back (as option maybe). Or is there an option already
reply
guys how can i fix this problem it took my 4 hours i could find the solution
Hovering over elements not showing them in devtools any more
Devtools inspector used to work like this: when you hover over elements with inspector cursor you can see them in devtools DOM panel. It scrolls to show them.
How it works now: DOM tree not scrolling when you hover over elements. In order to see them on panel you need to click on them every time. And after that i have to choose inspector cursor
again. And so on. This is very inconvenient when you need to check many things on many pages.
I'm not sure when this change happened but something around couple weeks ago maybe. Please bring this back (as option maybe). Or is there an option already
reply
Quantum
has anyone heard of quantumxtrades on twitter? seems only person in
world that proven with US brokerage statements 0 daily losses, lot of
fake gurus use tradervue which they can delete trades but no one has
used real US brokerage statements until now its amazing even videos
reply
has anyone heard of quantumxtrades on twitter? seems only person in
world that proven with US brokerage statements 0 daily losses, lot of
fake gurus use tradervue which they can delete trades but no one has
used real US brokerage statements until now its amazing even videos
reply
Steve
how i long for a knowledgeable person who speaks organic English to start doing these types of videos. I just can't follow these accents. Too many of the words just don't make it through my processor. oh well
reply
how i long for a knowledgeable person who speaks organic English to start doing these types of videos. I just can't follow these accents. Too many of the words just don't make it through my processor. oh well
reply
Hrishi
I think when we store data in local storage it exists until we explicitly delete that data (so local storage data still exists when we close browser or machine )
reply
I think when we store data in local storage it exists until we explicitly delete that data (so local storage data still exists when we close browser or machine )
reply
Eagle3781
If someone were to delete all the source code (on any given website) under the 'sources' tab, does that cause problems on the web site for other users?
reply
If someone were to delete all the source code (on any given website) under the 'sources' tab, does that cause problems on the web site for other users?
reply
Philip
Thank you very much for the detailed walkthrough!! But I do hope that you could use a better mic in the future, it will be great. Thanks
reply
Thank you very much for the detailed walkthrough!! But I do hope that you could use a better mic in the future, it will be great. Thanks
reply
Tarunpreet
set mycount = 1; did not work for me. I reverted to var. Nice presentation.
Would be great if code used is provided as a liink.
reply
set mycount = 1; did not work for me. I reverted to var. Nice presentation.
Would be great if code used is provided as a liink.
reply
Sindura
Thank you sharing it was so helpful I basically work on same assertion and wanted to know how can I capture from the web application
reply
Thank you sharing it was so helpful I basically work on same assertion and wanted to know how can I capture from the web application
reply
Ravi
Thank a lot free code camp. You're really life saver for the developers.
I have learned countless amazing things here.
reply
Thank a lot free code camp. You're really life saver for the developers.
I have learned countless amazing things here.
reply
Add a review, comment
Other channel videos
