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

Question

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

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

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

620 4

javascript google-chrome web-developer-toolbar

4 ответов:

Comments

Ничего не найдено.

raddevon · Accepted Answer · 2013-04-03 16:53:14

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

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

welah · Accepted Answer · 2012-12-07 22:32:32

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

gcb · Accepted Answer · 2014-05-23 00:03:47

Он имеет некоторые ограничения:

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

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

byronaltice · Accepted Answer · 2015-03-26 21:38:41

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

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

например, если страницы:
<script>
var foo = function() { console.log("Hi"); }
</script>
Я могу взять содержимое между сценарием, отредактировать его, а затем ввести его в отладчик например:
foo = function() { console.log("DO SOMETHING DIFFERENT"); }
и он будет работать для меня.

или если у вас есть что-то типа
function foo() {
    doAThing();
}
вы можете просто ввести
function foo() {
    doSomethingElse();
}
и foo будет переопределен.

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