2013-02-25 2 views
8

Я знаю, как использовать JavaScript на консоли Google Chrome.Изменение файлов JavaScript в Инструментах разработчика Google Chrome

Но можно ли редактировать файлы JavaScript из инструментов разработчика Google Chrome и сразу увидеть изменения? Если да, то как?

Я попытался изменить код, но он не влияет на страницу.

+2

Забавный ... это всегда работало для меня, но по какой-то причине не работает. Вы shuold просто отредактируете код и нажмете ctrl + s http://jsfiddle.net/XpU6R/2/. Вам может потребоваться дважды нажать кнопку печати для хром, чтобы вы могли ее редактировать. –

+0

Недавно вышел Chrome 25, может быть, они внесли некоторые изменения? Дело не в том, что я не могу изменить код, это больше того, что не имеет прямого влияния на страницу, которая идеально подходит (например, Chrome уже делает с редактированием CSS). – GangstaGraham

+0

Рассмотрите также [Рабочие области] (https://stackoverflow.com/ вопросы/29232701/неспособные жить-редактировать-javascript-in-chrome-tools-tools) в последних версиях Chrome. – Vadzim

ответ

13

Вы можете редактировать javascript страницы. Вы должны сделать двойной щелчок в старой версии chrome или в последней версии, вам нужно сделать один клик в js-файле. После этого вам нужно нажать Ctrl + S или Cmd + S на Mac. Затем DevTools отправит измененный код на V8.

Если вы находитесь в сеансе отладки и остаетесь в режиме паузы в функции, вы можете отредактировать его, а после Ctrl + S v8 будет перемещать точку выполнения из отредактированной функции, чтобы вы могли передать ее снова.

+1

Но что, если функция Javascript загружается только один раз, когда загружается страница? – GangstaGraham

+0

Вы имеете в виду пробежки? – loislo

+0

есть пункты «Сохранить» и «Сохранить как ...» в контекстном меню. – loislo

1

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

Вы можете жить редактировать CSS на вкладке Источники.

+0

Хорошо спасибо. Это было бы замечательной возможностью для реализации, но я надеюсь, что они это сделают в будущем обновлении. – GangstaGraham

+0

@GangstaGraham - FYI, вы можете сразу же редактировать CSS в Chrome на вкладке «Источники». – jfriend00

Смежные вопросы