Comments on: Updated: Open Firefox JavaScript Console in a Sidebar

By: Zaid Bethanie

Zaid Bethanie — Wed, 19 Sep 2007 21:23:25 +0000

they only wanna do you dir. Zaid Bethanie.

By: victorbos

victorbos — Thu, 16 Aug 2007 23:28:51 +0000

Cudos: Terrific solution!

The following may help Firefox newbies like me. Things are different with Firefox 2.0.0.6 (for Win XP at least).
a) “Manage Bookmarks …” now called “Organize Bookmarks …”
b) Don’t be surprised if “ChromeEdit” can’t be downloaded. The message I got when I tried says it currently only works the Firefox 1.x. So used EditPlus2, opened C:\Program Files\Mozilla Firefox\defaults\profile\chrome\userChrome-example.css and saved it as userCrome.css. Then edited it as suggested above.

Works beautifully. I no longer have to struggle with a floating console.

However, Caldwell’s suggestion does not seem to work in Firefox 2.x. Thanks, anyway!

By: Kelly White : Firefox: Placing the JavaScript Console in a sidebar

Kelly White : Firefox: Placing the JavaScript Console in a sidebar — Wed, 31 Jan 2007 07:09:04 +0000

[...] I mentioned it to a couple coworkers and showed them a demo of it working on my machine. Instructions can be found here. Published Wednesday, January 31, 2007 2:03 AM by kelly Filed under: Web [...]

By: Joan

Joan — Mon, 04 Sep 2006 16:17:41 +0000

Nice tip!

By: harleigh

harleigh — Thu, 01 Jun 2006 23:01:11 +0000

I’m love this great website. Many thanks guy

By: Code Comments » Blog Archive » Stretch Your Firefox Sidebar to Any Width

Thu, 30 Mar 2006 20:08:28 +0000

[...] I recently learned from a comment by Justin on decafbad how to easily remove the size restrictions on your Firefox sidebar. This can be very useful if you open up your JavaScript Console in the Sidebar or edit a website’s CSS in real-time right in your browser using Chris Pederick’s indespensible Web Developer Extension. [...]

By: Stephen D. Scotti

Stephen D. Scotti — Fri, 16 Dec 2005 04:02:10 +0000

Thanks for the suggestions. I am trying to use this with Mozilla 1.7.x, along with a number of other extensions for web development. Things look OK, but there is no option that I can see to load the bookmark for the JAVA console to the sidebar. Is there a way to do this without the check box in the Bookmarks property?

By: temporist

temporist — Thu, 01 Jan 1970 00:00:00 +0000

this is the freshest stuff since coke in cans! could you maybe order the search results by date? a little improvement to this otherwise so great site!

By: Brian

Brian — Thu, 01 Jan 1970 00:00:00 +0000

Thanks for the great tip. You need to add semi-colons to the end of your css declarations. I also found it beneficial to significantly reduce the font-size so it didn’t take up as much space. Here is what I am using:

.console-row-msg {max-width: 300px !important; display: -moz-box !important; -moz-box-orient: vertical !important; font-size: xx-small;}

.console-row-file {max-width: 300px !important; display: -moz-box!important; -moz-box-orient: vertical !important; font-size: xx-small;}

By: VINCENT LAM

VINCENT LAM — Thu, 01 Jan 1970 00:00:00 +0000

My web Firefox is missing JavaScript Console.Please help my done to donwload.Thank for help

By: Caldwell

Caldwell — Thu, 01 Jan 1970 00:00:00 +0000

Thanks, this has been very useful! I suggest adding something like this to userChrome.css so you have more flexibility in sizing the sidebar:

/* Set the sidebar size constraints */
#sidebar {
max-width: 75% !important;
width: 150px !important;
min-width: 150px !important;
}

Tweak the settings according to your prefs.