I 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!
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?
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
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
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.
Hey 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 continuously struggle with debugging aspx with embedded JavaScript. Breakpoints can't be set on any line and I still haven't figured out the logic why and when stepping through the highlighted line is never the one that is actually running. Even after expanding the code with the { } button. It's just simple JS so no code maps should be needed.
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?
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.
You can totally screenshot anything anyway you like on windows. The only difference is that windows has separate utility for this instead of a shortkey
Those are two totally different things. Windows take a screenshot of everything visible. Cmd+shift+4 on a Mac allows to select a region to save as a screenshot. Finally, if you are on Mac, this update provides node level acreenshot, allowing you to save an image of a HTML node with just one click, no need to drag the cursor. This is especially useful if the node takes more space than the viewport since before you had to stitch screenshots together.
Agreeing on 100% of that. Just wanted to point out taking screenshots in windows isn't "harder". (You can also alt-prtscr for just the active window, or use the snipping tool to screenshot a region).
Yes, and Dropbox (& others might too) offers to listen to PrtScr and save in Dropbox/Screenshots as image automatically, without using paint or anything.
[0] https://developer.mozilla.org/en-US/docs/Tools/Network_Monit...