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

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

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

Ответы

Ответ 1

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

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

Ответ 2

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

Ответ 3

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

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

  • его нельзя отменить.

Ответ 4

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

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

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

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

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

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

и он будет работать для меня.

Или, если у вас есть,

function foo() {
    doAThing();
}

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

function foo() {
    doSomethingElse();
}

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

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