Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

brackets live preview for mozilla firefox developer edition

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?

like image 205
abhimanyuaryan Avatar asked Dec 02 '15 09:12

abhimanyuaryan


People also ask

Why live preview is not working in Brackets?

The first thing try is also the simplest: make sure you have the right project open! On the left bar, where your file tree exists, you are able to pick your open folder. If you are editing a file from folder X but you have folder Y open, live preview will usually not work.


1 Answers

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 ゴシック, 'MS Gothic', monospace",
    "themes.theme": "dark-theme"
 }

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

like image 52
Athomos Avatar answered Oct 10 '22 21:10

Athomos