Visual studio не работает связь с браузером
У нас есть решения для распространенных ошибок сети или прокси-сервера, которые могут возникать при установке или использовании Visual Studio за брандмауэром или прокси-сервером.
Ошибка: "Требуется проверка подлинности на прокси-сервере"
Эта ошибка обычно происходит, когда пользователи подключаются к Интернету через прокси-сервер, который блокирует вызовы Visual Studio к некоторым сетевым ресурсам.
Устранение этой ошибки прокси-сервера
Перезапустите Visual Studio. Должно появиться диалоговое окно проверки подлинности прокси. Когда в диалоговом окне появится запрос, введите свои учетные данные.
Если вы хотите использовать учетные данные по умолчанию для прокси-сервера, сделайте следующее:
Найдите файл devenv.exe.config (файл конфигурации devenv.exe) в папке %ProgramFiles%\Microsoft Visual Studio\2017\Enterprise\Common7\IDE или %ProgramFiles(x86)%\Microsoft Visual Studio\2017\Enterprise\Common7\IDE.
В файле конфигурации найдите блок и добавьте следующий код:
В proxyaddress=" необходимо вставить правильный адрес прокси-сервера в сети.
Найдите файл devenv.exe.config (файл конфигурации devenv.exe) в папке %ProgramFiles%\Microsoft Visual Studio\2019\Enterprise\Common7\IDE или %ProgramFiles(x86)%\Microsoft Visual Studio\2019\Enterprise\Common7\IDE.
В файле конфигурации найдите блок и добавьте следующий код:
В proxyaddress=" необходимо вставить правильный адрес прокси-сервера в сети.
Ошибка: "Отсутствует подключение к Visual Studio" при попытке сообщить о проблеме
Эта ошибка обычно возникает, когда пользователи подключаются к Интернету через прокси-сервер, который блокирует вызовы Visual Studio к некоторым сетевым ресурсам.
Устранение этой ошибки прокси-сервера
Найдите файл feedback.exe.config (файл конфигурации feedback.exe) в папке: %ProgramFiles(x86)%\Microsoft Visual Studio\Installer или %ProgramFiles%\Microsoft Visual Studio\Installer.
В файле конфигурации проверьте, присутствует ли следующий код; если код отсутствует, добавьте его перед последней строкой .
Ошибка: "Используемое соединение было закрыто"
Базовое соединение закрыто: непредвиденная ошибка при передаче
Visual Studio использует протокол TLS 1.2 для подключения к сетевым ресурсам. Устройства для обеспечения безопасности в частных сетях блокируют определенные подключения к серверу, если Visual Studio использует TLS 1.2.
Устранение этой ошибки подключения
Включите возможность подключения для следующих URL-адресов:
cdn.vsassets.io (размещение сети доставки содержимого или CDN)
*.gallerycdn.vsassets.io (размещает расширение Azure DevOps Services)
Частные URL-адреса серверов NuGet могут быть не включены в этот список. Используемые вами серверы NuGet можно посмотреть в файле %APPData%\Nuget\NuGet.Config.
Ошибка: "Не удалось проанализировать идентификатор из родительского процесса"
Причины возникновения этой ошибки: Подключенный сетевой диск или общий ресурс UNC связан с маркером доступа пользователя. При включении UAC создаются два маркера доступа пользователя: один с правами администратора и один без прав администратора. При создании сетевого диска или общего ресурса с ним связывается текущий маркер доступа пользователя. Поскольку начальный загрузчик следует запускать от имени администратора, он не сможет получить доступ к сетевому диску или общему ресурсу, если диск или общая папка не связаны с маркером доступа пользователя, который имеет права администратора.
Устранение этой ошибки
Можно использовать команду net use или изменить параметр групповой политики UAC. Дополнительные сведения об этих обходных путях и их реализации см. в следующих статьях службы поддержки Майкрософт:
-
(Подключенные диски недоступны в приглашении с повышенными привилегиями при настройке UAC на "запрос учетных данных" в Windows) (Программам не удается получить доступ к некоторым сетевым расположениям после включения контроля учетных записей пользователей в операционных системах Windows)
Поддержка или устранение неполадок
Иногда возникают проблемы. Если установить Visual Studio не удается, воспользуйтесь пошаговыми указаниями в статье Устранение неполадок при установке и обновлении Visual Studio.
Привязывание к браузеру является компонентом Visual Studio. Оно создает канал связи между средой разработки и одним или несколькими веб-браузерами. Можно использовать привязывание к браузеру для обновления веб-приложения одновременно в нескольких браузерах, что полезно для тестирования в разных браузерах.
Настройка привязывания к браузеру
Параметр Configuration
Вызовите Startup.Configure в методе UseBrowserLink :
Вызов UseBrowserLink обычно размещается в блоке if , который разрешает привязывание к браузеру только в среде разработки. Пример:
Использование привязывания к браузеру
При открытии проекта ASP.NET Core в Visual Studio элемент управления панели инструментов "Привязывание к браузеру" отображается рядом с элементом управления Целевой объект отладки:
С помощью элемента управления панели инструментов "Привязывание к браузеру" можно:
- Одновременно обновить веб-приложение в нескольких браузерах.
- Открыть Панель мониторинга "Привязывание к браузеру" .
- Включить или отключить привязывание к браузеру. Примечание. По умолчанию в Visual Studio привязывание к браузеру отключено.
- Включить или отключить Автосинхронизацию в CSS.
Одновременное обновление веб-приложения в нескольких браузерах
Чтобы выбрать один веб-браузер для запуска при запуске проекта, используйте раскрывающееся меню в элементе управления панели инструментов Целевой объект отладки:
Чтобы открыть сразу несколько браузеров, выберите Просмотреть с помощью. из того же раскрывающегося списка. Удерживайте клавишу CTRL , чтобы выбрать нужные браузеры, а затем щелкните Обзор:
На следующем снимке экрана показана Visual Studio с открытым представлением индекса и двумя открытыми браузерами:
Наведите указатель мыши на элемент управления панели инструментов "Привязывание к браузеру", чтобы просмотреть браузеры, подключенные к проекту:
Измените представление индекса, и все подключенные браузеры будут обновлены при нажатии кнопки обновления для привязывания к браузеру:
Привязывание к браузеру также работает с браузерами, которые вы запускаете не в Visual Studio и используете для перехода по URL-адресу приложения.
Панель мониторинга привязывания к браузеру
Чтобы управлять соединением с открытыми браузерами, откройте Панель мониторинга привязывания к браузеру в раскрывающемся меню "Привязывание к браузеру":
Если ни один браузер не подключен, можно запустить сеанс без отладки, выбрав Просмотреть в браузере:
В противном случае отображаются подключенные браузеры с указанием пути к странице, отображаемой в каждом браузере:
Можно также щелкнуть имя отдельного браузера, чтобы обновить только его.
Включение или отключение привязывания к браузеру
При повторном включении привязывания к браузеру после его отключения необходимо обновить браузеры, чтобы повторно подключить их.
Включение или отключение автосинхронизации в CSS
Когда автоматическая синхронизация в CSS включена, подключенные браузеры автоматически обновляются при внесении любых изменений в файлы CSS.
Принцип работы
Исходные файлы не изменяются. Компонент ПО промежуточного слоя динамически вставляет ссылки на скрипты.
Так как на стороне браузера используется только код JavaScript, он работает во всех браузерах, которые поддерживаются SignalR, без использования подключаемого модуля браузера.
Ссылка на браузер — это новая функция в Visual Studio 2013, которая создает канал связи между средой разработки и одним или несколькими веб-браузерами. Ссылку браузера можно использовать для одновременного обновления веб-приложения в нескольких браузерах, что полезно для тестирования в нескольких браузерах.
Обновление браузера
С помощью обновления браузера можно обновить несколько браузеров, подключенных к Visual Studio через ссылку браузера.
Вы также можете использовать раскрывающийся список, чтобы выбрать определенный браузер для отладки.
Элементы управления "Ссылка в браузере" находятся в раскрывающемся списке со значком круговой стрелки. Значок стрелки — это кнопка "Обновить ".
Чтобы узнать, какие браузеры подключены, наведите указатель мыши на кнопку "Обновить " во время отладки. Подключенные браузеры отображаются в окне подсказки.
В Visual Studio я изменил для домашней страницы:
Когда я нажал кнопку "Обновить ", изменение появилось в обоих окнах браузера:
Примечания
Просмотр панели мониторинга ссылок браузера
На панели мониторинга "Ссылка браузера" отображаются сведения о подключениях к ссылке браузера. Чтобы просмотреть панель мониторинга, выберите раскрывающееся меню "Ссылка на браузер" (небольшая стрелка рядом с кнопкой "Обновить "). Затем щелкните панель мониторинга ссылок браузера.
На панели мониторинга перечислены подключенные браузеры и URL-адрес, по которому осуществляется переход по каждому браузеру.
В разделе "Предварительные требования" показаны все шаги, необходимые для включения ссылки на браузер для этого проекта. Например, на следующем снимке экрана показан проект, в котором для параметра debug задано значение false в файле Web.config.
Включение ссылки браузера для статических HTML-файлов
Чтобы включить ссылку на браузер для статических HTML-файлов, добавьте следующую команду в файл Web.config.
По соображениям производительности удалите этот параметр при публикации проекта.
Отключение ссылки браузера
Ссылка на браузер включена по умолчанию. Отключить его можно несколькими способами.
В раскрывающемся меню "Ссылка браузера" снимите флажок "Включить ссылку браузера".
В файле Web.config добавьте ключ с именем vs:EnableBrowserLink со значением false в разделе appSettings.
В файле Web.config задайте для отладки значение false.
Как это работает?
Link браузера использует SignalR для создания канала связи между Visual Studio и браузером. Если включена ссылка браузера, Visual Studio выступает в качестве сервера SignalR, к которому может подключаться несколько клиентов (браузеров). Ссылка на браузер также регистрирует модуль HTTP с ASP.NET. Этот модуль внедряет специальные в каждый запрос страницы с сервера. Ссылки на скрипты можно просмотреть, выбрав "Просмотреть источник" в браузере.
Так как код на стороне браузера — это javaScript, он работает во всех браузерах, поддерживаемых SignalR, без необходимости подключаемого модуля браузера.
Этот адрес использует сетевой порт, который обычно используется не для просмотра веб-страниц. Firefox отменил запрос вашей защиты.
Как мне открыть эту страницу?
4 ответа
Щелкните проект правой кнопкой мыши и выберите «Свойства». Выберите вкладку «Интернет» и выберите «Автоматическое назначение порта» в разделе «Серверы». Visual Studio автоматически назначит порт, когда запустится за вас.
Или, если вы знаете порт, который доступен для использования, вы можете указать его в разделе «конкретный порт».
Поменять порт? (щелкните правой кнопкой мыши проект и свойства (или Alt + Enter) и укажите порт
Это потому, что динамический порт визуальной студии заблокирован Firefox. Смотрите решение здесь
Взято из указанной выше ссылки
По умолчанию он динамический, но вы можете сделать его статическим, если захотите. Это работает очень хорошо, за исключением случаев, когда вы пробуете это в Firefox. Он просто дает вам такой ответ:
Этот адрес использует сетевой порт, который обычно используется не для просмотра веб-страниц. Firefox отменил запрос вашей защиты.
Он делает это по умолчанию всякий раз, когда вы используете порт, отличный от порта 80 - порта веб-сайта по умолчанию. Мне потребовалось много времени, чтобы найти решение, и вот оно. - Откройте Firefox.
Введите about: config в поле адреса
Щелкните правой кнопкой мыши в любом месте экрана
Нажмите новый> строка
Введите имя предпочтения как: network.security.ports.banned.override
Введите строковое значение как: 2049 (или любой другой номер порта, который вы хотите)
- Введите about:config в адресной строке Firefox.
- Найдите network.security.ports.banned.override (если его не существует . щелкните правой кнопкой мыши и создайте его - [новое] -> [строка])
- Установите номер порта на номер, который вы хотите использовать с cassini. Вы также можете использовать ряд портов (например, 8080-8090).
Как только вы это сделаете, вы можете настроить порт для использования в Visual Studio, как предложил Shyju, но вместо того, чтобы устанавливать его на auto-assign port , установите его на порт, который вы настроили на шаге 3 выше.
Однако, когда я нажимаю кнопку «Отладка», я получаю эту ошибку:
Не удается подключиться к цели: connect ECONNREFUSED 127.0.0.1:9222
Вопрос1: почему VSCode назначает порт 9222 при создании этого json
Что такого особенного в этом порте, что MS решила поместить его в этот launch.json?
Вопрос 2. Что нужно изменить, чтобы все заработало?
Отладка запуска всегда запускает новое окно. Я спрашиваю , в частности, о параметре Attach debug , чтобы он открывался в новой вкладке.
Вам нужно установить расширение Debugger for Chrome, чтобы это работало. Открытые расширения в VS Code и поиск отладчика для Chrome
Выберите опцию Launch Chrome против localhost. Он запустит браузер, и вы можете установить точки останова в своем коде, и отладка должна работать.
По поводу второй конфигурации (Attach to Chrome). Там нет ничего особенного в порту. Чтобы подключиться к Chrome, необходимо запустить Chrome с включенной удаленной отладкой на порт, указанный в конфигурации. Например, chrome.exe --remote-debugging-port=9222 . Я лично никогда не пользуюсь этими опциями. Просто выполните три шага выше, и все будет в порядке.
При использовании конфигурации url , vscode будет искать вкладку с EXACT URL и присоединяться к ней, если найдена.
Используйте конфигурацию urlFilter , которая может иметь подстановочные знаки, такие как *, чтобы присоединить отладчик к любому суб-маршруту в вашем URL.
Например "urlFilter": "http://localhost:4200/*"
Полные точные шаги, чтобы предпринять:
настройте файл lanch.json так, чтобы он выглядел примерно так:
Закройте все открытые экземпляры Chrome (убедитесь, что все они убиты с помощью диспетчера задач в Windows).
Обед chrome со следующим параметром: --remote-debugging-port = 9222
убедитесь, что порт в этом параметре совпадает с портом, настроенным в свойстве 'port' атташе к конфигурации chrome в файле lunch.json (как в примере выше)
Вы можете добавить этот параметр в свойствах ярлыка Chrome:
-
Щелкните правой кнопкой мыши файл ярлыка и выберите свойства
Привязать его к свойству Target , например
"C: \ Program Files (x86) \ Google \ Chrome \ Application \ chrome.exe" --remote-debugging-port = 9222
Запустите «Начать отладку» в vscode.
Следующая процедура предназначена для приложений React, созданных create-react-app:
Откройте новое окно Терминал . cd в клиентскую папку, если необходимо, и установите chrome-launcher:
Переключитесь на панель Отладчик на боковой панели .
Нажмите раскрывающееся меню Конфигурация в верхней части боковой панели и выберите «Добавить конфигурацию . » . Либо нажмите на маленький значок шестеренки в верхней части боковой панели. чтобы открыть launch.json , а затем нажмите большую синюю кнопку с надписью "Добавить конфигурацию . "
В списке шаблонов конфигурации выберите Chrome: Attach . В launch.json нужно добавить следующую конфигурацию:
В этой конфигурации ничего менять не нужно.
Добавьте новый файл с именем .env со следующим содержимым в корневую папку вашего проекта (или в корень клиентской папки, если это приложение с полным стеком):
Добавьте в ту же папку новый файл с именем launchChrome.js со следующим содержанием:
Запустите приложение React из окна Терминала:
Через несколько секунд вы должны увидеть следующий текст:
В верхней части боковой панели выберите конфигурацию Attach to Chrome и нажмите зеленый треугольник.
Теперь вы можете размещать точки останова в своем коде React, и отладчик сломается, когда достигнет их. Вы даже можете одновременно отлаживать сервер и клиент, добавив конфигурацию Node.js: Launch Program в launch.json .
Ответ дополнения 2020 года .
В vscode есть новая отладка, которая еще не стабильна, но в настоящий момент работает по умолчанию в версии Insiders.
Он автоматически открывает новый экземпляр Chrome с отладкой для прикрепленных с этими настройками:
Читайте также: