News for hackers. Stuff that matters.
Re:Chrome developer tools to master by Kagerjay on Monday July 09, 2018 @05:27PM (#17493565)
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/. 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.

Re:Chrome developer tools to master by subsection1h on Monday July 09, 2018 @07:38PM (#17494302)
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

[2] https://en.wikipedia.org/wiki/Userscript

Re:Chrome developer tools to master by Kagerjay on Tuesday July 10, 2018 @08:58AM (#17497624)
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 :)

Re:Chrome developer tools to master by kaycebasques on Monday July 09, 2018 @05:49PM (#17493727)
FYI v55 is quite old by now... a quick check at chrome://version on my Mac shows that Chrome Stable is running v67...
Re:Chrome developer tools to master by madeofpalk on Monday July 09, 2018 @05:53PM (#17493753)
to be fair, chrome's versioning means that that's probably just like 2 weeks difference.
Re:Chrome developer tools to master by dismantlethesun on Monday July 09, 2018 @06:20PM (#17493875)
Chrome releases about every 6 weeks, so the difference is about 1 years worth of updates.
Re:Chrome developer tools to master by kaycebasques on Monday July 09, 2018 @06:32PM (#17493938)
This is correct. More info here: https://www.chromium.org/developers/calendar
Re:Chrome developer tools to master by homero on Monday July 09, 2018 @05:33PM (#17493605)
Firebug and the new firefox debuggers are identical for me, not sure how chrome is better. Each has oddities.
Re:Chrome developer tools to master by Kyro38 on Tuesday July 10, 2018 @06:52PM (#17502902)
How can the red exclamation mark not bug you ?
Re:Chrome developer tools to master by NVRM on Monday July 09, 2018 @09:37PM (#17494814)
Wrong. Try again.
Re:Chrome developer tools to master by dang on Tuesday July 10, 2018 @12:52AM (#17495581)
Please don't post unsubstantive comments here.