Google Chrome: Как редактировать файлы JavaScript/CSS и просматривать изменения без перезагрузки?

Я хочу внести изменения на вкладке источники в Inspect Elements и хочу быстро просмотреть предварительный просмотр без обновления браузера.

Есть ли способ сделать это?

Например, в JavaScript у меня есть переменная:

var abc = 'xyz';

Но на вкладке "Источники" я добрался до своего файла сценария и изменил код:

var abc = 'hello world';

Теперь, если я попробую alert(abc), будет ли он показывать последние изменения? Я не хочу обновляться, чтобы увидеть это изменение.

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