It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
Whenever I see someone really effectively debug JavaScript in the browser, they use the DevTools tooling to do it. Setting breakpoints and hopping over them and such. That, as opposed to sprinkling console.log() (and friends) statements all around your code.
Parag Zaveri wrote about the transition and it has clearly resonated with lots of folks! (7.5k claps on Medium as I write).
I know I have hangups about it…
We’ve been able to do this for years, largely for free (ignoring the costs of the computer and devices), but I’m not sure as many people know about it as they should.
TL;DR: XCode comes with a “Simulator” program you can pop open to test in virtual iOS devices. If you then open Safari’s Develop/Debug menu, you can use its DevTools to inspect right there — also true if you plug in your real iOS device.… Read article “Quick Tip: Debug iOS Safari on a true local emulator (or your actual iPhone/iPad)”
Writing code is only one small piece of being a developer. In order to be efficient and capable at our jobs, we must also excel at debugging. When I dedicate some time to learning new debugging skills, I often find I can move much quicker, and add more value to the teams I work on. I have a few tips and tricks I rely on pretty heavily and found that I give the same advice again and again during workshops, … Read article “Debugging Tips and Tricks”
Kayce Basques wrote an excellent interactive tutorial that explores how to debug JavaScript with DevTools. Kayce looks into a number of techniques and options that I was completely unaware of and, as he notes in the beginning of the tutorial, if you’re still using console.log to find bugs in your code (like me) then this article is written just for you (also me).… Read article “Get Started with Debugging JavaScript in Chrome DevTools”
The Firebug extension isn’t being developed or maintained any longer. We invite you to use the Firefox built-in DevTools instead.
Looks like the end of an over 2 year process.
Firebug was probably the single most important tooling advancement in front-end developments short life. A glimpse of the future, indeed.… Read article “EOL Firebug”
