3 ms·

Chrome developer tools is just a godsend. Its so much better than any other debugger I've worked with, and miles better than firefox debugging tool I personall

Chrome developer tools is just a godsend. Its so much better than any other debugger I've worked with, and miles better than firefox debugging tool I personally use a chromium based browser called slimjet to do all of my development. It runs off v55 I think which is like 5 versions behind chrome. But its nice to have a dedicated app for debugging. One tool that I find I use everyday is this: http://lab.maltewassermann.com/viewport-resizer/ http://lab.maltewassermann.com/viewport-resizer/. It is WAY better than chromes native responsive webdesign tool. When I first started developing I would always just go on stackoverflow and ask a dumb question. Now I consult my debugger and it answers everything I ever wanted to know. Knowing how to use a debugger means I can reverse engineer html/css on any site too, so thats a big bonus.

NVRM 8y ago
Wrong. Try again.
- dang 8y ago
  Please don't post unsubstantive comments here.
  - deleted 8y ago
    [deleted]
homero 8y ago
Firebug and the new firefox debuggers are identical for me, not sure how chrome is better. Each has oddities.
kaycebasques 8y ago
FYI v55 is quite old by now... a quick check at chrome://version on my Mac shows that Chrome Stable is running v67...
- madeofpalk 8y ago
  to be fair, chrome's versioning means that that's probably just like 2 weeks difference.
  - dismantlethesun 8y ago
    Chrome releases about every 6 weeks, so the difference is about 1 years worth of updates.
    - kaycebasques 8y ago
      This is correct. More info here: https://www.chromium.org/developers/calendar https://www.chromium.org/developers/calendar
subsection1h 8y ago
How is Chrome DevTools "miles better" than Firefox Developer Tools included with Firefox Developer Edition? I checked your blog to see if you've written a detailed comparison. I saw that your latest blog post is about writing your first user script in 2018, and you didn't use the term "user script"[1][2]; instead, you used the term "Tampermonkey Scripting" as if Tampermonkey originated user scripts. Do you have enough experience with web development to adequately compare Chrome DevTools and Firefox Developer Tools? [1] https://wiki.greasespot.net/User_script https://wiki.greasespot.net/User_script [2] https://en.wikipedia.org/wiki/Userscript https://en.wikipedia.org/wiki/Userscript
- Kagerjay 8y ago
  This might just be from my own limited experience, but firefox developer tools provides way too much information when inspecting elements on a page. It gets to the point that its distracting. I don't need to know where an element is positioned on the page, I can see it on the page itself. There might be perhaps settings to change this, but the native settings are not to my liking. I also have noticed on the on/off many occassions I have used it in the last 2 years, there is sometimes noticable lag delays when inspecting items. I find the interface much less intuitive as well. I will argue that firefox does have significantly better support for CSS grid layouts (as it came out with support first), but I don't use that often, and recently chrome unleased these tools in the last year to my knowledge. I use chrome inspection tools tab for the following purposes now mostly: elements, console, sources, and network. I don't use any of the other tools very often, partially because I don't need too. This is what I mostly compared firefox developer edition tools too. I've found when I wrote my first stylish extension and just debugging in javascript chrome is just a much more pleasant experience. I have never really run into any problems asides some issues regarding its native RWD tools for handling body margins. Firefox did not have this issue, but this is why I use the linked tool in the above comment I was aware when I wrote that post that its not called tampermonkey scripting and it was called something else but I didn't remember at the time. Now I know its userscripts :)
Kyro38 8y ago
How can the red exclamation mark not bug you ?

NVRM 8y ago

Wrong. Try again.

dang 8y ago
Please don't post unsubstantive comments here.
- deleted 8y ago
  [deleted]

homero 8y ago

Firebug and the new firefox debuggers are identical for me, not sure how chrome is better. Each has oddities.

kaycebasques 8y ago

FYI v55 is quite old by now... a quick check at chrome://version on my Mac shows that Chrome Stable is running v67...

madeofpalk 8y ago
to be fair, chrome's versioning means that that's probably just like 2 weeks difference.
- dismantlethesun 8y ago
  Chrome releases about every 6 weeks, so the difference is about 1 years worth of updates.
  - kaycebasques 8y ago
    This is correct. More info here: https://www.chromium.org/developers/calendar https://www.chromium.org/developers/calendar

subsection1h 8y ago

How is Chrome DevTools "miles better" than Firefox Developer Tools included with Firefox Developer Edition? I checked your blog to see if you've written a detailed comparison. I saw that your latest blog post is about writing your first user script in 2018, and you didn't use the term "user script"[1][2]; instead, you used the term "Tampermonkey Scripting" as if Tampermonkey originated user scripts. Do you have enough experience with web development to adequately compare Chrome DevTools and Firefox Developer Tools? [1] https://wiki.greasespot.net/User_script https://wiki.greasespot.net/User_script [2] https://en.wikipedia.org/wiki/Userscript https://en.wikipedia.org/wiki/Userscript

Kagerjay 8y ago
This might just be from my own limited experience, but firefox developer tools provides way too much information when inspecting elements on a page. It gets to the point that its distracting. I don't need to know where an element is positioned on the page, I can see it on the page itself. There might be perhaps settings to change this, but the native settings are not to my liking. I also have noticed on the on/off many occassions I have used it in the last 2 years, there is sometimes noticable lag delays when inspecting items. I find the interface much less intuitive as well. I will argue that firefox does have significantly better support for CSS grid layouts (as it came out with support first), but I don't use that often, and recently chrome unleased these tools in the last year to my knowledge. I use chrome inspection tools tab for the following purposes now mostly: elements, console, sources, and network. I don't use any of the other tools very often, partially because I don't need too. This is what I mostly compared firefox developer edition tools too. I've found when I wrote my first stylish extension and just debugging in javascript chrome is just a much more pleasant experience. I have never really run into any problems asides some issues regarding its native RWD tools for handling body margins. Firefox did not have this issue, but this is why I use the linked tool in the above comment I was aware when I wrote that post that its not called tampermonkey scripting and it was called something else but I didn't remember at the time. Now I know its userscripts :)

Kyro38 8y ago

How can the red exclamation mark not bug you ?