Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Firefox Developer Tools – Editable box model, Sublime Text keys

hacks.mozilla.org

Post reply on HN
Print view View original

111–118 of 118 posts

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#111

Post by talmand »

ep103 wrote: post #90
mbell wrote: post #79

Earlier quoted context omitted.

Why are you putting 200 lines of code into the console?

I have to say, I stared at this question for a while. I have such a large reliance on using the console as a scratchpad, before ever even opening a script file, that I don't think I've even considered the possibility that one could do front end development work without it. The best answer for you question, would be that throughout my career, the number of situations where I could directly edit a source javascript fil…

Firefox has a feature that's actually called Scratchpad that's likely exactly what you need. It's a small, basic text editor that lets you run javascript code on the current page. It also has open and save file functionality. It can be rather handy.

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#112

Post by talmand »

What I've learned from this thread:

Every example of dev tools have their pluses and minuses, but all of them are great in their own way.

Everybody has their favorite for whatever specific reasons they have which is usually based off their individual workflow.

One developer's useless dev tools is another's life saver.

Too many people latch onto one way of doing things and don't experiment that much to see what's going on in another tool set.

Give Firefox/Chrome/Firebug dev tools a try. If it works out great! If it doesn't, well that's great too because you still have what you were happy with before.

I just try to forget the dark days before Firebug.

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#113

Post by agapos »

hendry wrote: post #94

Would be nice if there was a sane way to take a screenshot. https://bbs.archlinux.org/viewtopic.php?pid=1412466

ScreenGrab (fixed) add-on: https://addons.mozilla.org/hu/firefox/addon/screengrab-fix-v...

Developer toolbar 'screenshot' command: http://www.ghacks.net/2012/11/02/take-screenshots-straight-f... | https://developer.mozilla.org/en-US/docs/Tools/GCLI#Commands

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#114

Post by mnemonik »

quarterto wrote: post #106
mnemonik wrote: post #56

Earlier quoted context omitted.

New one, please: https://bugzilla.mozilla.org/enter_bug.cgi?product=Firefox&c... I understand if your app is proprietary and you can't share the source, but even non-minimal test cases are much better than no test case :) Thanks!

https://bugzilla.mozilla.org/show_bug.cgi?id=1007565 Outside of my 10kloc app, I could only reproduce it with ~100 copies of jQuery, which is kind of a pathological case I guess.

Thanks for taking the time to file the bug, this helps a lot!

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#115

Post by Excavator »

aleem wrote: post #105

I tried Firefox debugger yesterday when one of the ads on one of the sites I managed somehow created a rogue redirect. The ad cached the redirect response in the browser, so on subsequent requests the browser continued to redirect without making a trip to the server. We happened to catch the error on FireFox on one of the machines and attempted to debug it there. The first problem was that the requests never showed u…

What sort of cookie debugging? Seeing the cookies being sent for each request in the Network panel isn't enough?

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#116

Post by robcee »

ep103 wrote: post #90
mbell wrote: post #79

Earlier quoted context omitted.

Why are you putting 200 lines of code into the console?

I have to say, I stared at this question for a while. I have such a large reliance on using the console as a scratchpad, before ever even opening a script file, that I don't think I've even considered the possibility that one could do front end development work without it. The best answer for you question, would be that throughout my career, the number of situations where I could directly edit a source javascript fil…

have you tried the Scratchpad tool in Firefox (Shift-F4)? It's made for editing and executing as much JavaScript as you want.

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#117

Post by aleem »

Excavator wrote: post #115
aleem wrote: post #105

I tried Firefox debugger yesterday when one of the ads on one of the sites I managed somehow created a rogue redirect. The ad cached the redirect response in the browser, so on subsequent requests the browser continued to redirect without making a trip to the server. We happened to catch the error on FireFox on one of the machines and attempted to debug it there. The first problem was that the requests never showed u…

What sort of cookie debugging? Seeing the cookies being sent for each request in the Network panel isn't enough?

I'd like to be able to add/edit and temporarily disable select cookies for a domain or sub domain.

Re: Firefox Developer Tools – Editable box model, Sublime Text keys

#118

Post by Excavator »

pytrin wrote: post #68
usaphp wrote: post #66

Just installed it from Aurora channel. I have not used firefox for couple years now (moved to Chrome) but I think I will jump back now. The only thing in dev tools missing so far for me compared to Chrome is :before and :after pseudo elements, I love how Chrome dev tools shows it as a separate entity in the inspector tree. I hope FF team implements it as well.

Firebug gives you the option to toggle all pseudo states for an element and edit its CSS. IMO Firebug and Chrome's dev tools still lag behind Firebug's.

This might be Nightly only. But in the Inspector pane of the Firefox dev tools you can right-click elements to set their focus/active/hover states. Doing so will also update the pane to the right showing any state specific rules that now applies.
Post reply on HN