Live preview для mozilla⁠⁠

Небольшая предыстория:

Занимаюсь версткой сайтов, и уже почти пол года как я открыл для себя текстовый редактор Breckets.

Это молодой бесплатный редактор от adobe с открытым кодом для веб-разработчиков. он ориентирован на работу с HTML, CSS и JavaScript. Привлек он меня тем что в нем есть встроенный плагин Live preview

Благодаря него вы можете наблюдать за изменениями сайта без перезагрузки страницы, прямо во время верстки. Но в ней есть одна особенность, она работает только с Google Chrome.

Поскольку я предпочитаю работать с браузером Mozilla, для меня это был большой минус. Ну не давно случайно наткнулся на иностранном форуме решение данной проблемы.

Чтобы Live preview работало в mozilla нужно :

В редакторе открыть : Debug/Open Preference File

Для тех у кого на русском : Отладка/Открыть файл настроек

Откроется 2 файла defaultPreferences.json и brackets.json

defaultPreferences.json можно сразу закрыть а в brackets.json добавить строчку

"livedev.multibrowser": true,

Желательно добавить ее в самый верх документа. Должно получится примерно так

{

"livedev.multibrowser": true,

"fonts.fontSize": "12px",

"fonts.fontFamily": "'SourceCodePro-Medium', ＭＳ ゴシック, 'MS Gothic', monospace",

"themes.theme": "dark-theme"

....

}

После этого при запуски плагина Live preview страница будет отображаться в Мазиле

Прежде решение я не находил, поэтому решил поделится им на нескольких русскоязычных ресурсах, одним из них стал Pickabu. Может кому то пригодится

Это мой первый пост не судите строго