How to make firefox developer edition as default browser for development [duplicate] - visual-studio-code

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.

Related

How do I set up VS Code Live Server extension to use Firefox Developer on Linux?

I'm currently running Elementary OS 5.1.7 Hera, and just downloaded Firefox Developer edition, which runs independent to the regular Firefox, so Live Server extension doesn't recognize FDE.
Goto to settings
Search for liveServer.settings.AdvanceCustomBrowserCmdLine
Click on Edit in settings.json
Find "liveServer.settings.AdvanceCustomBrowserCmdLine": "",
Now put Firefox Developer Edition file location on the value.
Like this:
"liveServer.settings.AdvanceCustomBrowserCmdLine": "C:\\Program Files\\Firefox Developer Edition\\firefox.exe",
Dont forget to put // (double slash on it) ;) ;) ;)
for macOS users, this should be
"liveServer.settings.CustomBrowser": "/Applications/Firefox Developer Edition.app"
The Live Server extention opens the localhost tab on your default browser, but you can copy the URL into any other browser and it will work, as long as the server is running.
If you want the tab to always open in Firefox Developer Edition, you can change the settings of Live Server.
In VScode, go to File > Preferences > Settings (or Code > Preferences > Settings on Mac)
In the search bar, type liveServer.settings.AdvanceCustomBrowserCmdLine
Click on Edit in settings.json
change the value of "liveServer.settings.AdvanceCustomBrowserCmdLine" to the location of Firefox Developer Edition (for example, C:\Program Files\Firefox Developer Edition\firefox.exe)
Note: Live Server also has a CustomBrowser setting, which is simpler to edit, but it has limited options and Firefox Developer Edition is not one of them. AdvanceCustomBrowserCmdLine overrides CustomBrowser.
You can read the Live Server docs here.
Do not make the same mistake I did, don't use quotation marks.
Use this line inside your json file, if you want to use the Firefox Developer Edition default location:
"liveServer.settings.AdvanceCustomBrowserCmdLine": C:\Program Files\Firefox Developer Edition\firefox.exe,

Visual Studio code 'open in browser' extension failed

I have installed Open in browser visual studio extension. But when I try to open the browser by shortcut Alt+B. It fails showing the following:
Running the contributed
command:'extension.openInDefaultBrowser' failed.
Please help if there's any solution.
Go to settings --> Extensions --> Open in Browser and set a default browser. In my case I have set it to "chrome" (it can be "firefox" too), so it opens in chrome every time I use the extension.
i have no problem when i using windows, but since i use linux open in browser extension not work because default browser not set as well, and i try to set manual in VS Code setting and set the plugin open-in-browser by default to Firefox
its solving my problem i hope its work to you
If the above solution didn't work install its previous version
Vote up If this Helped !!

How to change default browser with VS Code's "open with live server"?

It defaults to my safari but would like to change it to chrome. I looked in preferences, but there doesn't seem to be an option for that. Any ideas?
Go to Files > Prefrences > Settings
From Default User settings choose LiveServer Config
Inside it click on pen icon to the left on liveServer.settings.CustomBrowser select chrome.
Go into settings. Shortcut: hold command then comma on mac.
In the top search bar search: liveServer.settings.CustomBrowser
You will see: Live Server > Settings: Custom Browser
In the drop down menu select whatever browser you want e.g. chrome or chrome:PrivateMode etc..
or
Open settings.json file
Type or copy and paste the following in the next line: "liveServer.settings.CustomBrowser": "chrome"
Make sure that there is a comma after the code in the previous line.
e.g.
"editor.formatOnSave": true,
"liveServer.settings.CustomBrowser": "chrome"
Thanks! to above answers. On Mac select VS and press [command + ,] or from menubar choose code->Preferences->Settings. It will open the Settings tab and enter live server config in search bar follow the steps given below
This is how I did it on MacOS (you have to hit the gear, then select "Configure Extension Settings")
I was also looking for this, while trying to change to Google Chrome Dev.
And discovered you can practically change to any browser you want, just type the name of the app on your settings.json
Example:
"liveServer.settings.CustomBrowser": "Google Chrome Dev"
If you had installed globally your live-server while using npm package, you can easily start your live-server on the browser of your choice by passing browser option on your launching command:
On your terminal type :live-server --browser=BROWSER_NAME
Eg:
live-server --browser=firefox,
live-server --browser=safari
and some macbooks accepts
live-server --browser='Google Chrome' for google chrome while others
live-server --browser=google-chrome
NB:For mac live-server --browser=chrome will throw an error
You can do it in 2 steps:-
1) In package.json under scripts section create a key value as "devserver": "live-server --browser=Chrome".
2) In terminal run npm run devserver
This will open application in chrome.
How to customize your non-traditional browser in "liveServer"?
Go to Files > Preferences > Settings and search .json and click on settings.json file
or press SHIFT + CTRL + P and tab Preferences: Open Settings (JSON)
Write on JSON file
"liveServer.settings.AdvanceCustomBrowserCmdLine": To set your any favorite browser (Eg: Chrome Canary, Firefox Nightly) using advance Command Line. (You can specify full path of your favorite custom browser).
This setting will override "CustomBrowser" and "ChromeDebuggingAttachment" settings.
Default Value is null
Examples:
chrome --incognito --headless --remote-debugging-port=9222
C:\Program Files\Firefox Developer Edition\firefox.exe --private-window
Check out my photo or see this link on GitHub for more details.
Note: Either use "AdvanceCustomBrowserCmdLine" or "CustomBrowser". If
you use both, "AdvanceCustomBrowserCmdLine" has higher priority.
Click windows+i
Choose Apps
Choose default apps
Change (web browser ) to chrome (by change anyway)
steps (change default browser for open with Live Server)
Go to File > Prefrences > Settings
Copy and paste liveServer.settings.CustomBrowser into the Search settings bar
Find the setting: Live Server › Settings: Custom Browser
Choose chrome or chrome:PrivateMode from the dropdown menu
Next time you Open with Live Server or Go live, the extension will automatically open with Chrome (no need to restart VSCode).
If you are using the live server extension https://github.com/ritwickdey/vscode-live-server it has this setting:
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
On Mac, via VS Code menu:
Code > Preferences > Settings > type browser in the Search settings box at the top
open the visual studio and go to
file - preferences - extension - right-click over Live server setting icon - then choose
edit in setting JSON
then you will find that sentence
"liveServer.settings.AdvanceCustomBrowserCmdLine": ""
just put your browser name between the double quotes
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
blisk
Not enough? need more? open an/a issue/pull request on github. For now, use liveServer.settings.AdvanceCustomBrowserCmdLine settings (see below).
liveServer.settings.AdvanceCustomBrowserCmdLine:To set your any favorite browser (Eg: Chrome Canary, Firefox Nightly) using advance Command Line. (You can specify full path of your favorite custom browser).
This setting will override CustomBrowser and ChromeDebuggingAttachment settings.
Default Value is null
Examples:
chrome --incognito --headless --remote-debugging-port=9222
C:\Program Files\Firefox Developer Edition\firefox.exe --private-window //Remove --Private-windows for normal Window
Note: Either use AdvanceCustomBrowserCmdLine or CustomBrowser. If you use both, AdvanceCustomBrowserCmdLine has higher priority.

Open console source mapped file in external editor

When you use source maps on errors, the Chrome Developer Tools console shows links to the source file.
Is there a way to open these links in an external application (editor)?
For instance, on click or CTRL+click or...
Unfortunately, this isn’t possible yet.
Here are some links that may help:
http://sokolovstas.github.io/SublimeWebInspector/
https://developers.google.com/web/tools/setup/setup-workflow?hl=en
https://www.sitepoint.com/edit-source-files-in-chrome/
https://gregrickaby.com/2013/07/turn-chrome-developer-tools-into-an-ide/
Sublime text 3 and Web Inspector plugin
https://medium.com/google-developers/devtools-tips-for-sublime-text-users-cdd559ee80f8#.wck48zrkz
Possible in 2020 using Intellij (IDE in my case).
Install "Open in Intellij" extension (Chrome)
Configure as here in docs https://github.com/bernhardc/open-in-intellij
Worked like a charm.

How can I set Chrome as default external browser in Eclipse for Mac?

I think that question is self-explained :-)
When I browse to Application eclipse send me an error.
The simplest way to get Eclipse to recognize Chrome as the default system browser is :
Open Safari.
Go to menu Safari > Preferences > General.
Change 'Default web browser' to Safari.
Close the Preferences dialog.
Re-open the Preferences dialog.
Change 'Default web browser' to Chrome.
Close the Preferences dialog.
This solution is more general as it applies to any application which chooses the incorrect system browser. (thanks to Kelvin Lawrence at IBM)
I am using Eclipse 4.2.0 on an iMac with OSX Mountain Lion. This also works for Eclipse Kepler on Mountain Lion.
I posted the answer on another question like this on stackoverflow, so here it goes:
I found the solution in a blog's post that doesn't exist anymore, it involves configuring the Location to be '/usr/bin/open' and the parameter is '%URL%'.
You need to make sure that google chrome is your default browser and it will work properly. This is the only method that worked for me on OSX Lion.
I solved this by calling /usr/bin/open -a "/Applications/Google Chrome.app" <url>
rubdottocom almost got it. The problem is, that the path contains spaces. If you write a new shell script with the following content:
'/Applications/Google Chrome.app/Contents/MacOS/Google Chrome' $1
Eclipse can launch a new Chrome instance with it. Sadly, this way it is not possible to open a new tab in an already running instance, as the script exits with the following error message:
[21043:2307:292361872340725:ERROR:process_singleton_mac.cc(102)]
Unable to obtain profile lock.
Ooops! I find the answer here: Is there a way to add Google Chrome as an external web browser in Flash Builder Standalone for Mac?
The exact location is:
/Applications/Google Chrome.app/Contents/MacOS/Google Chrome
It's annoying that you can't enter inside to an "Application folder" (AppName.app) through Finder :-S
Oh Wait! It's not working >_< Safari is opened
you can also try to fix that from eclipse at the menu bar: windows->preferences->general->web browser-> select the radio, Use external web browser and choose your default browser from there. that simple.
Here's a helpful visual showing the /usr/bin/open techinque:
In Finder, right click on Google Chrome.app, select Show Package Contents and browse down to Contents/Mac OS and drag Google Chrome to the Location in Eclipse's Edit External Web Browser dialog box. Enter -url %URL% in the field Parameters. This worked for me on Eclipse Indigo on MacOS 10.7, at least when Chrome was not started before...
My method to set Chrome as a default browser in eclipse is:
Go to Window >> Web browser and then select Chrome.