firefoxadobe-brackets

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?


Solution

  • 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.