Могу ли я использовать инструменты разработчика VS Code Edge с URL-адресом, а не только с файлом в моем проекте?

Я только что узнал, что вы можете открыть окно браузера Edge + традиционное окно инструментов разработчика Chrome внутри оконных панелей vscode. И это удивительно, это означает, что я могу полностью экранировать свой vscode и выполнять с его помощью абсолютно всю свою разработку!

Единственное, кажется, что вы можете открывать только URL-адреса протокола file:///, а не локальные домены с пользовательской настройкой хоста, для которых вы можете запускать сложную настройку веб-сервера?

Мне не нужна пошаговая обработка файлов и т. д. Все, что мне нужно, это иметь возможность открывать окно Edge и окно инструментов разработчика в vscode, используя собственный URL-адрес, например my.domain.top?

Это возможно?

Они удалили команду запуска экземпляра? Вот кажется я думаю, что я ищу?

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
2
0
83
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Да, можно открыть окно браузера и Chromium DevTools в VSCode, используя собственный URL-адрес. Этого можно добиться с помощью расширения Live Server или расширения Debugger for Chrome. Вот шаги, которые помогут вам начать:

Использование расширения Live Server

Установите расширение Live Server:

Откройте VSCode и перейдите в представление «Расширения». Найдите «Live Server» и установите его.

Запустите живой сервер:

Откройте папку проекта в VSCode. Щелкните правой кнопкой мыши файл index.html (или любой другой HTML-файл) и выберите «Открыть с помощью Live Server». Откроется новое окно браузера, указывающее на URL-адрес локального хоста.

Ответ принят как подходящий

Да, вы можете открыть собственный URL-адрес с помощью VS Code Edge DevTools.

Сначала вам необходимо установить расширение DevTools для VS Code, следуя этому руководству: Установка расширения DevTools для Visual Studio Code. Шаг 1–4 показывает, как установить расширение DevTools.

Затем вы можете нажать кнопку «Запустить экземпляр» расширения, откроется вкладка Edge DevTools: Браузер. Просто скопируйте и вставьте URL-адрес в адресную строку вкладки. Для получения дополнительной информации вы можете обратиться к этому документу: Начните, нажав кнопку «Запустить экземпляр».

Однако кнопка «Запустить проект» вместе с URL-адресом, хранящимся в launch.json, является основным способом открытия веб-страницы путем указания URL-адреса, после чего инструменты открываются в режиме отладки. Чтобы узнать, как использовать Launch Project для отладки, обратитесь к этому документу: Начните, нажав кнопку «Запустить проект».

Чего ждать. Я так сбит с толку, что думаю, что каким-то образом заполнил представление «цели», поэтому в нем не отображалась кнопка «Запустить экземпляр», но теперь, после повторной проверки VSCode, эта кнопка стала ясной как день, и она открыла окно, к которому я могу перейти. URL-адрес тоже не беспокойтесь! Большое спасибо за четкий ответ. Моя искренняя благодарность 🥰🙏

lopu 18.06.2024 06:23

Другие вопросы по теме