Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Updates to DevTools in Chrome 62

developers.google.com

Post reply on HN
Print view View original

11–20 of 40 posts

Re: Updates to DevTools in Chrome 62

#11

Post by reustle »

aargh_aargh wrote: post #7
heavymark wrote: post #3

CMD+Shift+4 has always allowed you to take screenshots of any parts of your screen, (including your devtools), so curious why this is a feature in Chrome? Unless it's meant for Windows maybe where it's harder to take screenshots?

I imagine this will be useful for taking screenshots of arbitrary elements via the headless mode. Anyway, why would it be harder to take screenshots in Windows? Have they restricted the Win32 API recently (I haven't kept tabs)?

I think he is referring to how on windows you can only screenshot the entire screen. Not sure if that has changed in recent years.

Re: Updates to DevTools in Chrome 62

#12

Post by vetinari »

reustle wrote: post #11
aargh_aargh wrote: post #7

Earlier quoted context omitted.

I imagine this will be useful for taking screenshots of arbitrary elements via the headless mode. Anyway, why would it be harder to take screenshots in Windows? Have they restricted the Win32 API recently (I haven't kept tabs)?

I think he is referring to how on windows you can only screenshot the entire screen. Not sure if that has changed in recent years.

You can also screenshot the current window (Alt-PrtSc).

Since Vista, there is also snipping tool, which allows the same things as Mac screenshoting.

Re: Updates to DevTools in Chrome 62

#13

Post by davchana »

mikewhy wrote: post #9
0x0 wrote: post #4

Earlier quoted context omitted.

You can hit printscreen in windows to take screenshots (1 key instead of 3, even easier than mac). I could imagine it would be useful in remote debugging sessions (such as when inspecting android webviews over USB).

Don't you still have to open Paint, press paste, hit save, and choose where to save the screenshot? For the record, cmd+shift+3 takes a screenshot and immediately saves it to your desktop on macOS.

Yes, and Dropbox (& others might too) offers to listen to PrtScr and save in Dropbox/Screenshots as image automatically, without using paint or anything.

Re: Updates to DevTools in Chrome 62

#14

Post by zspitzer »

They still haven't reverted the dropdown filtering UI for the console, the old style quick access toolbar, like the network panel. It used to be really useful, yet since the change, I barely use it anymore.

There's a long thread about it here, but the chrome developers haven't really engaged with the community feedback

https://groups.google.com/forum/#!topic/google-chrome-develo...

The dev tools console has also become a dumping ground for repeated browser warnings and the option to turn them off isn't even persistent.

Re: Updates to DevTools in Chrome 62

#16

Post by ComputerGuru »

bennettfeely wrote: post #15

Starting to think maybe it would be good to have a "DevTools" lite, now that there are literally dozens of tabs and pages. Is there a shortcut to just bring up the console?

> Is there a shortcut to just bring up the console?

I think it depends on the last feature used, but F12 does that for me. You can also try ctrl+shift+i (opt+cmd+i on Mac, I think?)

Re: Updates to DevTools in Chrome 62

#17

Post by ehsankia »

bennettfeely wrote: post #15

Starting to think maybe it would be good to have a "DevTools" lite, now that there are literally dozens of tabs and pages. Is there a shortcut to just bring up the console?

ctrl+shift+j goes directly to console.

I believe ctrl+shift+i goes to whatever tab you were at last, and ctrl+shift+c goes to the element tab and enables the element selector.

I don't know if there's any other shortcuts but these are the one I use most often. You can also drag the various tabs to order them the way you like.

Re: Updates to DevTools in Chrome 62

#18

Post by ehsankia »

0x0 wrote: post #4
heavymark wrote: post #3

CMD+Shift+4 has always allowed you to take screenshots of any parts of your screen, (including your devtools), so curious why this is a feature in Chrome? Unless it's meant for Windows maybe where it's harder to take screenshots?

You can hit printscreen in windows to take screenshots (1 key instead of 3, even easier than mac). I could imagine it would be useful in remote debugging sessions (such as when inspecting android webviews over USB).

Actually, the equivalent on Windows that was added on Windows 10 Creators update is winkey + shift + s.

Re: Updates to DevTools in Chrome 62

#19

Post by ehsankia »

heavymark wrote: post #3

CMD+Shift+4 has always allowed you to take screenshots of any parts of your screen, (including your devtools), so curious why this is a feature in Chrome? Unless it's meant for Windows maybe where it's harder to take screenshots?

It's nice to have a uniform way across all operating systems, but more important than that, being able to take screenshot of specific elements makes it much nicer than you having to crop the image manually or try to get the perfect snipped screenshot. I assume this also handles screenshots that are larger than your display, which would be very hard with OS screen grab for elements that can't fit in a single screen.

Re: Updates to DevTools in Chrome 62

#20

Post by vic20forever »

vetinari wrote: post #12
reustle wrote: post #11

Earlier quoted context omitted.

I think he is referring to how on windows you can only screenshot the entire screen. Not sure if that has changed in recent years.

You can also screenshot the current window (Alt-PrtSc). Since Vista, there is also snipping tool, which allows the same things as Mac screenshoting.

Win-Shift-S to select a rectangular area to capture
Post reply on HN