Как сделать чтобы меняя код js в браузере, он сохранялся в файловой системе?

Question

[Григорий]

Я изменил js в браузере на сайте, и хочу чтобы изменения сохранились и применились на сайте, как это можно сделать?

Comments

[rPman]

Они и не должны записываться, это исключительно для локальных тестов.

но на вопрос подписался, мало ли у браузеров добавили фичу, помню у оперы что то такое было

Answer 1

[Вадим]

в FireFox Developer такое есть https://www.mozilla.org/ru/firefox/developer/

А если через Chrome, то нужно дать доступ к папке в разделе Sources --> overrides --> нажать плюсик и выбрать папку. После чего ознакомиться с предупреждением, принять решением. Если нажмёте "разрешить" - то можно будет там же на вкладке sources менять данные, сохранять их через ctrl+s и они будут сохраняться при перезагрузке странице.
Однако исходный файл изменён не будет. В папке создастся специальная диреткория, внутри которой будет изменённый файл. Можно либо его открыть в редакторе кода, либо перенести данные из него в оригинал.
https://developer.chrome.com/blog/new-in-devtools-...

Только не понятно зачем оно Вам надо. Запускается live server в том же VS Code и вперёд. Меняете в редакторе, нажимаете ctrl+s - применится для запущенного сервера, если стоит hot update.

UPD: FireFox Developer судя по всему позволяет менять только CSS файлы. Chrome Override не совсем то что нужно, так как создаёт отдельные файлы.
А вот если добавить workspace folder то можно будет редактировать через дев тулзы все файлы в директории.
См тут: https://stackoverflow.com/questions/2558346/how-do...

Comments

[Василий Банников]

Это что получается, tampermonkey больше не нужен?

[Вадим]

Василий Банников, Почему? Ну.. от каких-то простых функций может и можно отказаться. Но на удалённый сервер же не дашь разрешения хрому чтоб он там файлы менял. Поэтому после перезахода локальные изменения сбросятся скорее всего.

Я точно не знаю, я ни мартышкой ни этой приблудой из хрома не пользовался ни разу)

[Григорий]

Вадим скажите пожалуйста, а почему в firefox через не могу ничего изменить в файлах js в коде, ни пробела поставить, ничего

[Вадим]

Григорий, в обычном firefox или в том что я дал ссылку? Он разный. Тот, в котором можно прям менять исходоные файлы, на который я дал ссылку - специальная сборка для разработчиков.

[Григорий]

Вадим, именно тот что вы дали

[Вадим]

Григорий, Ну да, js что-то сходу тоже не получилось править. Только CSS на вкладке "Стили".

[Вадим]

Григорий, https://stackoverflow.com/questions/2558346/how-do...

[Василий Банников]

Вадим, tampermonkey - это как раз про локальные навороты.

[WbICHA]

Василий Банников, сомнительно. Темпермонкей — это же не только возможность применить скрипты, но и их менеджмент. Отключай какие хочешь, приплетай к любым урлам, все скрипты в одном месте, бекапы и редактор кода с форматированием и автокомплитом, в конце концов.

[Василий Банников]

WbICHA, ок, действительно, не учел менеджмент.
Но автокомплит и редактор в девтулзах же тоже есть?

[WbICHA]

Василий Банников, с workspace folder в хроме я не работал поэтому не знаю как там, но консоль в хрома тот ещё экземпляр. Насколько помню, форматирования там нету, есть только автокомплит, а самое главное консоль однострочная. Да, можно нажать шифт+энтер, но это неравно обычному энетру. Другое дело фф, там можно переключить на мультилайн консоль с полноценным форматированием.
Но по факту обе консоли и редактор обезьяны ничто по сравнению даже с дефолтным вскодом.)