brackets live preview for mozilla firefox developer edition

firefox adobe-brackets
abhimanyuaryan picture abhimanyuaryan · Dec 2, 2015 · Viewed 36.9k times · Source

I don't use Chrome browser. However, its very irritating that Brackets always shows live preview in Chrome. How can I set Mozilla Firefox Developer Edition as default for Bracket's live preview?

Answer

Athomos picture Athomos · Jan 29, 2016

Currently using Brackets to Live Preview on Mozilla Firefox (not on the Developer Edition). I've tried Live Preview on Waterfox but I can't seem to remember if it worked or not.

Anyways, try this:

Open Brackets then on the upper part of the window, click the "Debug" button. On its drop down menu click the "Open Preference File".

On my version of Brackets (which is the latest) it will open up two .json files: 1)defaultPreferences.json and 2) brackets.json. Just focus on "brackets.json". (If ever that the first .json file never pops-up, it's fine).

Then proceed to add this line inside the bracket:

"livedev.multibrowser": true,

I suggest putting this on top of the default lines. So for example, it would look like this:

 {
    "livedev.multibrowser": true,
    "fonts.fontSize": "12px",
    "fonts.fontFamily": "'SourceCodePro-Medium', ＭＳ ゴシック, 'MS Gothic', monospace",
    "themes.theme": "dark-theme"
 }

Hope this helps. If it doesn't, I suggest bringing it over to the devs.

Related questions

Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More
How to manually send HTTP POST requests from Firefox or Chrome browser?

I want to test some URLs on a web application I'm working on. For that I would like to manually create HTTP POST requests (meaning I can add whatever parameters I like). Is there any extension or functionality in Chrome …

Read More
Using <meta> tags to turn off caching in all browsers?

I read that when you don't have access to the web server's headers you can turn off the cache using: <meta http-equiv="Cache-Control" content="no-store" /> But I also read that this doesn't work in some versions of IE. …

Read More