Использование Google Chrome для отладки и редактирования JavaScript, встроенного в HTML-страницу - PullRequest
55 голосов
/ 21 сентября 2011

Инструменты разработчика Chrome позволяют редактировать javascript в браузере, если он находится в файле .js.Тем не менее, это не позволяет мне редактировать JavaScript, встроенный в HTML-страницу.то есть:

<script type="text/javascript> 
// code here that I want to debug/edit
</script> 

Это большая проблема для меня, так как у меня есть немного встроенного JavaScript на определенной странице.

Аналогично этому вопросу: Редактировать блоки JavaScript извеб-страница ... live , но речь идет о Firefox, а не Chrome.

Как я могу редактировать JavaScript, встроенный в HTML-страницу, используя Google Chrome Developer Tools?

Ответы [ 4 ]

30 голосов
/ 19 сентября 2012

Мне было трудно найти файл с моим встроенным / встроенным JavaScript. Для других, имеющих такую ​​же проблему, это может или не может быть полезным ...

Использование Chrome 21.0.1180.89 м для Windows

enter image description here

Все файлы отображаются после нажатия этой очень осторожно расположенной кнопки. См:

enter image description here

Теперь вы можете начать отладку ...

enter image description here

29 голосов
/ 21 сентября 2011

На самом деле Chrome позволяет это сделать, выберите HTML-файлы на вкладке Sources в окне инструментов разработчика.Вы увидите HTML вместо javascript и просто добавите точки останова в тегах <script>.Также вы можете добавить команду debugger; в скрипт для отладки.Например:

<script>
 // some code
 debugger; // This is your breakpoint
 // other code you will able to debugg
</script>

Не забудьте удалить debugger;, когда вы хотите освободить свой сайт.

17 голосов
/ 26 марта 2015

Ни один из этих ответов не сработал для меня.

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

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

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

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

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

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

Или, если хотите,

function foo() {
    doAThing();
}

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

function foo() {
    doSomethingElse();
}

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

Вероятно, не лучший обходной путь, но он работает.

1 голос
/ 16 апреля 2012

Перейдите на вкладку Элементы, найдите свой сценарий, щелкните правой кнопкой мыши нужную часть и выберите «Редактировать как HTML».

Если «Редактировать как HTML» не появляется, дважды щелкните узел, и он долженстать выделенным и редактируемым.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...