Редактирование Javascript с помощью инструментов разработчика Chrome

Я пытаюсь редактировать javascript на сайте с помощью инструментов разработчика Chrome. Я прочитал около 30 статей о том, как это сделать, а также посмотрел несколько видео. Дело в том, что когда я перехожу на вкладку источников и открываю файл, который хочу отредактировать, я ничего не могу с ним сделать. Есть ли какой-то шаг, который мне не хватает?

Я могу создавать точки останова, переходить по ним и т. Д. Я просто не могу редактировать. Эта функция недавно была удалена?

Я знаю, что этот вопрос устарел, но у меня была аналогичная проблема, и я нашел решение.

Если файл предварительно настроен, Chrome не разрешит редактирование. Я выключил его и смог редактировать. Готов поспорить, что это была твоя проблема.

Вы можете редактировать javascript в инструментах разработчика на вкладке «Источники», НО это позволит вам редактировать javascript только в собственном файле. Скрипт, встроенный в файл HTML (или PHP), останется только для чтения.

У него есть некоторые ограничения:

1. должен быть файлом JS. не могут быть встроены теги в html-страницу.

2. это не может быть приукрашено.

Я не знаю, нужно ли вам это для постоянного сохранения, но если вам нужно просто временно изменить js:

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

например, если на странице есть:

<script>
var foo = function() { console.log("Hi"); }
</script>

Я могу взять содержимое между сценариями, отредактировать его, а затем ввести в отладчик, например:

foo = function() { console.log("DO SOMETHING DIFFERENT"); }

и это сработает для меня.

Или, если вам нравится,

function foo() {
    doAThing();
}

Вы можете просто войти

function foo() {
    doSomethingElse();
}

и foo будут переопределены.

Возможно, не лучший способ обхода, но он работает. Продлится, пока вы не перезагрузите страницу.

Я искал "Chrome dev tool edit javascript". Эта страница - первый результат поиска. Но он слишком устарел, мне это не помогает.

Я использую Chrome 73, в этой версии Chrome есть опция «Включить локальные переопределения». Используя эту функцию, я мог редактировать javascript и мог запускать и отлаживать.