Я новичок в VS-коде (используя v1.7) и JavaScript. Я пытаюсь использовать расширение отладчика для расширения Chrome (v2.2.2), но я не могу получить функции останова (я могу их установить, но они игнорируются с указанием непроверенной точки останова).Контрольные точки VS-кода, которые не могут запускаться с помощью отладчика для Chrome:
Я понимаю, что мне нужно, чтобы запустить Chrome с отладкой на порт 9222, который я достичь через:
chrome.exe --remote-debugging-port=9222
Сделав это, я создал очень простой тест, чтобы продемонстрировать эту проблему.
Я настроил launch.json следующим образом (в папке .vscode)
{
"version": "0.2.0",
"configurations": [{
"name": "Launch index.html",
"type": "chrome",
"request": "launch",
"port": 9222,
"file": "${workspaceRoot}/index.html",
"webRoot": "${workspaceRoot}"
}
]
}
Я создал очень простой index.html как:
<!DOCTYPE html>
<html>
<script src="script.js"></script>
</html>
и, наконец, сценарий .js is:
console.log("Started");
var x = 1; //breakpoint set here
console.log(x);
console.log("Complete");
Нажав F5 в коде, загрузите index.html файл script.js в процесс. Код заканчивается, как и следовало ожидать, если точка останова не была установлена, но это не то, что я хочу.
По завершении я вижу изображение 1, которое заменяет красную иконку контрольной точки серой и парит над показами «Непроверенная точка останова».
Я предполагаю, что я сделал что-то очень простое, но я не могу понять это. Есть идеи? Благодарю.
Это ошибка в инструментах Chrome, @Marcs. Если вы запустите файл index.html сверху и затем откройте инструменты разработчика, вы не найдете его на вкладке sources. –
... вы не найдете скрипт на вкладках источников ... По какой-то причине я не могу отредактировать или удалить свой комментарий выше. –
Вы правы, такая же проблема во внутреннем отладчике, а также на Chrome Canary (бета-ветвь). – Marcs