Vs code не открывается браузер
По умолчанию используется мое сафари, но хотелось бы изменить его на хром. Я посмотрел в настройках, но, похоже, для этого нет варианта. Любые идеи?
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно.
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей.
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то.
Ответы 12
liveServer.settings.CustomBrowser:
To change your system's default browser. Default value is "Null" [String, not null]. (It will open your system's default browser.) Available Options : chrome chrome:PrivateMode firefox firefox:PrivateMode microsoft-edge
Если вы установили глобально свой live-сервер при использовании пакета npm, вы можете легко запустить свой live-сервер в браузере по вашему выбору, передав параметр браузера в вашей команде запуска:
На вашем терминале введите: live-server --browser=BROWSER_NAME Например: live-server --browser=firefox, live-server --browser=safari
и некоторые макбуки принимают live-server --browser='Google Chrome' для Google Chrome, а другие live-server --browser=google-chrome NB: для Mac live-server --browser=chrome выдаст ошибку
Перейдите к Файлы> Предпочтения> Настройки
В настройках пользователя по умолчанию выберите LiveServer Config .
Внутри него щелкните значок ручки слева на liveServer.settings.CustomBrowser и выберите chrome .
Вы можете сделать это за 2 шага: -
1) В package.json в разделе scripts создайте значение ключа как "devserver": "live-server --browser=Chrome" .
2) В терминале запустите npm run devserver
Это откроет приложение в хроме.
это решение работает, чтобы открыть приложение по умолчанию на терминале Chrome. Но можем ли мы сделать некоторые настройки в самой IDE?
В старой версии VS code настройка задачи работает, но для новой версии вам необходимо установить расширение Open in Browser из магазина. Для справки
Вот как я сделал это в MacOS (вам нужно нажать на шестеренку, а затем выбрать «Настроить параметры расширения»)
NYC Tech Engineer
- Зайдите в настройки. Ярлык: удерживайте команду, затем запятую на Mac.
- В верхней строке поиска ищите: liveServer.settings.CustomBrowser
- Вы увидите: Live Server> Настройки: Пользовательский браузер.
- В раскрывающемся меню выберите любой браузер, который вы хотите, например хром или хром: PrivateMode и т. д.
- Откройте файл settings.json
- Введите или скопируйте и вставьте следующее в следующую строку: "liveServer.settings.CustomBrowser": "chrome"
- Убедитесь, что после кода в предыдущей строке стоит запятая.
Следуйте за этими ребятами, это, очевидно, простой способ сделать это. Спасибо, кстати.
-
Перейдите в Files > Preferences > Settings , найдите .json и щелкните файл settings.json .
или нажмите SHIFT + CTRL + P и перейдите на вкладку Preferences: Open Settings (JSON)
Запись в файл JSON
"liveServer.settings.AdvanceCustomBrowserCmdLine": Чтобы установить любой любимый браузер (например: Chrome Canary, Firefox Nightly), используя предварительную командную строку. (Вы можете указать полный путь к вашему любимому пользовательскому браузеру).
- Этот параметр имеет приоритет над настройками "CustomBrowser" и "ChromeDebuggingAttachment" .
- Значение по умолчанию - null
- Примеры:
- хром --incognito --headless --remote-debugging-port = 9222
- C: \ Program Files \ Firefox Developer Edition \ firefox.exe --private-window
Посмотрите мой Фото или посмотрите этот ссылка на GitHub для более подробной информации.
Note: Either use "AdvanceCustomBrowserCmdLine" or "CustomBrowser" . If you use both, "AdvanceCustomBrowserCmdLine" has higher priority.
I am writing a visual studio code extension and I'd like to be able to open a browser window with a specific url in response to a command. I know that Electron has a BrowserWindow class but it appears that the Electron API is not accessible from a vscode extension.
I'd prefer the browser window to open within the tool but I'd be ok with opening the web page in my default browser if it is not possible.
How does one open a web page from an extension?
Yes, the answer referenced by @Steffen will open a browser outside of VS Code. This is my backup plan. However, it would be slightly better for my extension if the browser window was in VS Code. Is it possible to open a browser within the tool itself?
@MattBierner Your first suggested duplicate covers what Mark addresses, above: He wants to open in VS Code, not an external browser like that question details. The second would likely more rightfully be marked as a duplicate of this question, since Mark's predates it by over a year.
3 Answers 3
- Open the pallet (Ctrl + Shift + P)
- Select "Simple Browser: Preview"
- Enter web address
wow! this combined with live server extension (@^0^@)/ is the only side-by-side HTML preview solution that actually works.
This worked for me, once, and then afterwards I only see a white screen. Tried reloading/restarting Code, doesn't resolve :( Code's Developer Console shows a warning: main.js [Violation] Avoid using document.write(). Then I tried again with a simple site (e.g. milosophical.me) which works, but a site with frames (e.g. stackoverflow.com) does not. Error: Refused to frame 'stackoverflow.com' because an ancestor violates the Content Security Policy "frame-ancestors 'self'"
To open a browser window inside VS Code you can use the WebView API, though you need to supply HTML content rather than a URL:
Depending on your specific use case, there's also the Browser Preview extension which registers a command browser-preview.openPreview that you could use (you'd probably want to list browser-preview as a dependency to ensure it's installed).
And finally, if you just want to open in a normal browser window you can use the env.openExternal API. When running in remote environments this will also take care of exposing ports and mapping to the exposed hostname (if it's a localhost-served service):
VSCode имеет множество отличных расширений, и Live Server - одно из лучших.
Всего за пару кликов Live Server позволяет увидеть вашу страницу в реальном времени в реальном браузере. Более того, он имеет функцию перезагрузки в реальном времени, поэтому, если вы обновите свой код, изменения также будут отражены в браузере.
Все, что вам нужно сделать, это щелкнуть правой кнопкой мыши HTML-файл, который вы хотите просмотреть, затем щелкнуть правой кнопкой мыши и выбрать «Открыть с помощью Live Server»:
Но что, если Live Server не открывает ваш браузер и не отображает вашу страницу так, как вы ожидаете? Если это происходит с вами, вот несколько вещей, которые вы можете попробовать.
Перезапустить VSCode
Иногда лучшее, что вы можете сделать, - это запустить VSCode с нуля.
Во-первых, сохраните всю свою работу. Затем закройте VSCode, который также остановит все установленные вами расширения.
Затем снова откройте VSCode и попробуйте еще раз - перейдите к HTML-файлу, который вы хотите просмотреть, щелкните правой кнопкой мыши и выберите «Открыть с помощью Live Server».
Установите браузер для Live Server
Возможно, расширение работает, но в вашей системе нет браузера по умолчанию.
Даже если вы установили браузер по умолчанию для своей системы, не помешало бы сообщить Live Server, какой браузер вы хотите использовать явно.
Сначала откройте Command Pallete с помощью F1, затем введите Preferences: Open Settings (JSON) и выберите эту опцию.
Это откроет ваш settings.json файл VSCode .
Прокрутите файл до конца и вставьте его "liveServer.settings.CustomBrowser": "chrome" .
Прокрутите файл до конца, добавьте запятую после последнего параметра и вставьте "liveServer.settings.CustomBrowser": "chrome" :
Обратите внимание, что вы также можете использовать "firefox" , "safari" или любой другой браузер в качестве значения "liveServer.settings.CustomBrowser" параметра.
Наконец, сохраните settings.json файл и попробуйте снова запустить Live Server.
Установите браузер по умолчанию для вашей операционной системы
Даже после того, как Live Server сообщил, какой браузер вы хотите использовать, возможно, что он по-прежнему неправильно открывает вашу страницу в этом браузере.
Следующее, что нужно попробовать, - это установить браузер по умолчанию для самой операционной системы.
Точный метод для этого может варьироваться в зависимости от вашей операционной системы, поэтому лучше поискать, как это сделать, если вы не уверены.
Вот как выглядит страница настроек в Windows:
Зайдите на живую страницу сами
Если по какой-то причине Live Server по-прежнему не открывает страницу в вашем браузере автоматически, не беспокойтесь. Вы всегда можете открыть любой браузер по вашему выбору и просмотреть страницу напрямую.
Просто откройте предпочтительный браузер и перейдите в //127.0.0.1:5500/ .
Например, если ваш файл называется index.html , просто перейдите по ссылке //127.0.0.1:5500/index.html .
Пока работает Live Server, вы должны видеть свою страницу.
В заключение
Это несколько распространенных исправлений, которые вы можете попробовать, если Live Server не работает так, как вы ожидаете.
Добавлено через 19 минут
Отбой. Справился сам.Как просмотреть данные автозаполнения в мазиле или любом другом браузере?
забыл пароль к одному важному веб ресурсу,но есть автозаполнение (пароль я вытащил,просто покопался.Найти багаж, число мест в котором не меньше, чем в любом другом, а общий вес не больше, чем в любом другом багаже .
Помогите сделать задачу на паскале: Багаж пассажира характеризуется числом мест и общим весом.При любом нажатии мышкой на любом сайте в браузере запускаются сайты, которые я не открывала
Здравствуйте! Со вчерашнего дня при нажатии мышкой на любую область любого сайта, открываются.Как включить отладку в visual studio
скажите возможно ли включить пошаговую отладку в php, js и html в visual studio, если кто знаком с.Alex9, смотря на кучи твоих тем, мне вот интересно, ты сначала задаешь вопрос, а только потом уже пытаешься в нем хоть немного разобраться? Тебе не кажется, что это тупо?
Если вопрос был решен вами самостоятельно, отпишите об этом в своей теме - есть и другие люди, которые столкнутся с той же проблемой, и им поможет ваш ответ.
Всё просто. Удалил IE. Установил нужный браузер. Назначил нужный браузер браузером по умолчанию в Параметрах Windows 10. Запустил VS Code. Запустил отладку нажатием F5. Счастье наступило.
Баннер слева в любом браузере
Итак проблема, баннер с рекламой в любом браузере, практически на всех сайтах, периодически.Трещит звук в любом браузере
При воспроизведении музыки или видео в любом браузере трещит звук. Обновлял флеш плеер, чистил куки.Белое окно в любом браузере
Здравствуйте!Возникла проблема с периодически всплывающим окном по центру страницы в браузере.Баннер слева в любом браузере
Добрый день!Большая просьба помочь убрать всплывающий баннер слевой стороны любого браузера,на.В прошлых статьях ( первая часть , вторая часть ) мы рассмотрели установку среды разработки VSCode под Windows 10 и добавили в неё поддержку языка C++.
VSCode является универсальной IDE, благодаря наличию онлайн каталога с множеством расширений, позволяющих настроить среду как вам удобней. При этом её можно использовать для разработки на разных языках программирования.
Данная среда может использоваться и для разработки HTML-страниц.
Сегодня мы рассмотрим установку двух расширений Browser Preview и Live Server, которые позволяют создавать HTML-сайты не устанавливая отдельный web-сервер, и производить отладку и правку дизайна сайта не переключаясь между редактором и браузером!
Установка расширения Browser Preview
чтобы открыть окно Расширения.
Нам потребуется установить расширения Browser Preview от автора Kenneth Auchenberg.
Live Server от Ritwick Dey.
Установка расширения Live Server
Это по сути небольшой web-сервер не требующий долгой настройки и готовый к запуску по одному щелчку на кнопку!
Debugger for Chrome от Microsoft.
Создание проекта
Давайте создадим тестовый проект для нашей страницы.
Допустим, все проекты у нас будут храниться в папке d:\html
Откроем консоль cmd.exe и введем команды:
Откроется новое окно VSCode, в котором уже открыта папка проекта test1:
Сохраните и закройте вкладку.
Запустите Browser Preview, для этого нажмите F5 или на указанную кнопку, она появится после первого запуска конфигурации:
Ctrl+S – страница будет сохранена и тут же обновиться вкладка с нашим сайтом в Browser Preview
Читайте также: