I am setting up my VS Code environment for the first time, but I can't figure out how to set Chrome as the default browser for the workspace.
Go to file-> preferences -> user settings -> search "By Default it will open your default favorite browser" set your browser.
The other StackOverflow questions regarding the browser, had to do with opening a specific file. Here are the steps to creating a tasks.json file in a brand new environment.
From the Tasks menu, Select 'Configure Tasks'
The entry field prompts you for 'Select a task to configure'
Choose 'Create tasks.json file from template'
Edit the file to include the following block:
{
"version": "0.1.0",
"command": "Chrome",
"windows": {
"command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
},
"args": ["${file}"]
}
Chrome can be launched by way of debugging your application. Within launch.json, the configurations[].serverReadyAction.action configuration was given a possible value of debugWithChrome in the VS Code February 2019 release. Note that this will also require you have the Debugger for Chrome extension installed. You will not receive a warning if the extension is not installed and you've configured launch.json to use debugWithChrome.
Note: Configuring launch.json with debugWithChrome will work even if you launch using CTRL+F5 to run the app without debugging.
Go to Settings -> Extensions -> Live Server Config -> Update Default Browser:
This Alternate Way helped me:)
GoTo-->Google Chrome-->Settings-->Default browser-->Set Google Chrome as default browser
The method of modifying tasks.json no longer works in newer versions of Visual Studio Code. The easiest way to be able to launch your code in a browser is to install the Open in Browser extension from the marketplace.
After it is installed and VS Code is reloaded, you can go to your code and press ALT + B to launch your application in your default browser or ALT + SHIFT + B to select the browser you want to use.
You can also right click and select these option from a drop down menu, but I mention this last because this currently does not work in some versions of VS Code.
Just a helper for the windows users, I just installed windows 10 again and I was wondering how do I set my vscode to open the server (web) using chrome instead of edge, so to do that you just have to configure your windows to use google chrome as default, you don't need to change anything in vscode, I hope this helps someone.
ps: normally you can go open browser you want to be default and setup the configuration. so in chrome you have to go to configurations and scroll down to default browser.
When you want to use your own browser using "Open with Live Server" without change OS globally configuration.
In Windows, Visual Studio Code (ver. 1.70.1 (July 2022)). Go to "File" > "Preferences" > "Settings"
Then select a tab, "User" tab if you want your desired browser for all your projects, or select "Workspace" tab or "ProjectName" tab for especified projects.
Then go to "Extensions" > "Live Server Config" > "Settings: Custom Browser" finally change the 'null' value selecting the browser of your preference from the list (apparently this list depends on installed browsers but i'm not sure).
search for local.testsettings on vscode on the search and for web tests, change the browser to chrome and apply.
The Live Server extension was not appearing for me on settings. However, I installed Open in Browser and typed "liveServer.settings.CustomBrowser" in settings and the extension appeared with a dropdown box in which I was able to change the default browser.
Hope this helps!
This may be old but I found something that could help.
First go to Settings/Apps/Default Apps. Set your browser as default.
Next go to VSCODE and go to File/Preferences/Settings/Extensions/LiveServerConfig
Then scroll to settings: CustomBrowser
Change it to your custom browser
Note- If the browsers don't show up on VSCODE then you need to set it to default in the settings.
You can adjust settings in your computer to open.HTML file extensions in chrome as a default browser:
for Example in PC windows:
go to Control Panel > Default programs > Associate a file type or protocol with a specific programs >HTML extension and choose Chrome.
In my case changing the default browser in the system settings of my pc did it.
None of the above works in my case(my version is August 2022 1.71) to make it work I went straight to **
File-->Preferences-->Settings-->Extensions-->Plugin open-in browser
** from there was a option which says Default set browser so I choose Brave as there is no ads in it while playing the video as chrome plays ads so for getting a proper feeling of using my self made Jarvis I used Brave.
Thanks
Click settings -> enter: default browser -> find: Open-in-browser:Default -> enter: Google Chrome
Google Chrome > Settings (left sidebar) > Default browser = Google Chrome
Just change your default web browser in your OS.
In Windows 10, you can search "default browser" then the wizard for changing it, will be appear.
I'm having problems launching an html file into the chrome browser, usually I do this in VS Code by tapping Cmd+1 key, or by clicking the "go live" button, or also right-click on the html.index file then click "open in default browser".
I've rechecked my settings in VS Code, my default browser is set to Chrome. Have relaunched VS Code and even restarted my computer but still can't figure out what the issue is since no error messages are being displayed.
Then I tried downloading a plug-in "open in browser" and it also doesn't launch to chrome, however if I select to launch it with Firefox it works.
Not sure if this helps, but I just upgraded my macOS to Big Sur a couple days ago.
Has anyone encountered the same issue?
Thanks in advance!
I have a really weird condition about my chrome browser, the inspect element not showing at all after i right click and i choose "Inspect" and even after i use the shortcut key "Ctrl+Shift+I" it still not showing, what is really happened ?
I have checked "chrome://flags/" and "Debugging for packed apps" and it show me "Enabled" what is really going on with my chrome browser ? i use chrome "68.0.3440.106 (Official Build) (64-bit)".
I have followed some instruction from another web but still the "Inspect" window not showing.
Here some links that i have followed to solve this problem.
https://www.quora.com/How-do-I-resolve-the-issue-in-Chrome-for-inspect-element-if-its-not-showing-up-for-any-website
Google Chrome Dev Tools inspect element styles not showing
Please Help.
In my case, this was the only solution on Mac OS X:
Quit Chrome then delete /Applications/Google Chrome.app.
Delete these folders:
~/Library/Application Support/Google/Chrome
~/Library/Caches/Google/Chrome/Default
Re-install Google Chrome
Hey there I've been using the JetBrains IDE support extension for a week now, and While it is great utility. I grow tired of clicking the "X' in the Chrome Yellow Warning ("JetBrains IDE Support" is debugging this tab.)
This may be a noobish question for experienced devs, but does anyone knows how to get rid of this Chrome pop-ups?
Thanks :)
Here is a snapshot:
You can disable this warning in chrome://flags using the Enable Silent Debugging flag:
It's mentioned in the comment #28.
Here is the direct link to the option:
chrome://flags/#silent-debugger-extension-api Just paste this to your Chrome addressbar.
For the ones who didn't understand ( like me :P )
You need to open this address chrome://flags in Google-Chrome and Enable Silent Debugging
While the relevant flag has been removed from chrome://flags, you can still use the command line switch:
chrome --silent-debugger-extension-api
which can be persisted in your flags config (eg. ~/.config/chrome-flags.conf on linux).
See Enable Silent Debugging is not available in Chrome browser
For the newer versions of the Chrome this flag is not available anymore.
So Here is the solution
Open settings in your IDE then head into Tools>Web Browsers
then click on Chrome and hit the pencil icon and
write this in "command line options" finaly hit ok
--silent-debugger-extension-api
now close your chrome if it is open then try to launch it again using debug or run...
Every time I open a new incognito instance, I have to open the settings and click Disable Cache and Enable Sourcemaps. This is pretty annoying and I would like have these settings saved permanently. Is this possible?