5

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 ゴシック, 'MS Gothic', monospace",

"themes.theme": "dark-theme"

....

}


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


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


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