Cool but I really wish they'd add more keyboard shortcuts. Like ability to use arrows and keyboard to select a network request and replay it. Or to drill down a deeply nested json without having to make a series of precise mouse clicks
Updates to DevTools in Chrome 62
21–30 of 40 posts
Re: Updates to DevTools in Chrome 62
#22CMD+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)?
this is the only thing preventing CasperJS / PhantomCSS from supporting Puppeteer, I think. will be cool to see this go in.
Re: Updates to DevTools in Chrome 62
#23They 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 beco…
Yup, worst decision ever. I’ve been using Firefox but performance drastically drops when debugging so I go back to using chrome. I just prefix my logging and filter.
Re: Updates to DevTools in Chrome 62
#24Starting 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?
With DevTools open, Escape brings up the console.
Re: Updates to DevTools in Chrome 62
#25They 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 beco…
Yup, worst decision ever. I’ve been using Firefox but performance drastically drops when debugging so I go back to using chrome. I just prefix my logging and filter.
I filed a bug about that too, feel free to vote for it :) https://bugzilla.mozilla.org/show_bug.cgi?id=1389864
Re: Updates to DevTools in Chrome 62
#26I actually prefer the Firefox dev tools these days. One thing that I really like is the edit and resend functionality[0]. Quite useful when quickly testing API calls. I know you can use other tools in Chrome to do the same, but I like that it’s built in. Good to see improvements in the Chrome dev tools nonetheless!
[0] https://developer.mozilla.org/en-US/docs/Tools/Network_Monit...
Re: Updates to DevTools in Chrome 62
#27Earlier quoted context omitted.
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.
But dropbox doesn't save automatically when you use the snipping tool. Is there any way to make that happen?
Re: Updates to DevTools in Chrome 62
#28Hey fellow HN'ers, I recently discovered you can select source in this (windows) terminal-like fashion by holding alt (i.e. https://imgur.com/a/XnCSd).
Does anyone know what is the purpose of this feature? I always disliked how difficult is to select something on windows cmd, this seems like anti-feature for me, but obviously I am missing something.
Re: Updates to DevTools in Chrome 62
#29I actually prefer the Firefox dev tools these days. One thing that I really like is the edit and resend functionality[0]. Quite useful when quickly testing API calls. I know you can use other tools in Chrome to do the same, but I like that it’s built in. Good to see improvements in the Chrome dev tools nonetheless! [0] https://developer.mozilla.org/en-US/docs/Tools/Network_Monit...
I like Firefox too, but chrome still displays JSON objects in the console very nicely. I haven't found a good way to do this in FF yet. Do you know of a way?
Re: Updates to DevTools in Chrome 62
#30Hey fellow HN'ers, I recently discovered you can select source in this (windows) terminal-like fashion by holding alt (i.e. https://imgur.com/a/XnCSd ). Does anyone know what is the purpose of this feature? I always disliked how difficult is to select something on windows cmd, this seems like anti-feature for me, but obviously I am missing something.
I've seen people use the same shortcut in sublime text to copy small code blocks (without copying the indentation).