VS Code kan geen verbinding maken met de browser [Fix]

Visual Studio Code wordt algemeen beschouwd als een van de beste IDE's op de markt. Het heeft echter een behoorlijk deel van problemen die men moet aanpakken. Onlangs hebben we dat gemerkt VS Code kan geen verbinding maken met een browser. Dit verbiedt ons om verbinding te maken met de localhost of Chrome te lanceren voor foutopsporing, in sommige gevallen, zelfs na het installeren van de extensie. In dit bericht gaan we over dit probleem praten en zien we wat u kunt doen om het op te lossen.

VS Code kan geen verbinding maken met de browser

Als VS -code niet in staat is om verbinding te maken met de browser, moet u de hieronder genoemde oplossingen volgen.

1. Gebruik debugger voor Chrome -alternatieven
2. Maak een nieuw JSON -bestand
3. Probeer Chrome op afstand debuggen
4. Installeer Microsoft Edge Debugger opnieuw
5. Installeer de Visual Studio -code opnieuw

Laten we er in detail over praten.

1] Gebruik debugger voor Chrome -alternatieven

Veel gebruikers gebruiken nog steeds de debugger voor Chrome, hoewel deze niet langer wordt ondersteund. Het werd stopgezet omdat Visual Studio Code nu een ingebouwde JavaScript-debugger heeft. Deze ingebouwde tool werkt zonder een extensie en biedt dezelfde functies. Het ondersteunt Node.js, Chrome-, Edge-, WebView2- en VS -code -extensies, dus er is geen behoefte aan externe foutopsporingshulpmiddelen.

beste gratis CAD-software

In plaats daarvan kunt u Chrome Devtools gebruiken. Deze tool is ingebouwd in Google Chrome en helpt ontwikkelaars websites te repareren, analyseren en verbeteren. Het bevat handige functies zoals element -inspecteur, console, netwerkbewaking, prestatieanalyse en JavaScript -foutopsporing.

2] Maak een nieuw JSON -bestand

Bij het starten van een website in Chrome en op uw localhost kunt u een fout tegenkomen die zegt - Deze site kan niet worden bereikt.  Dit komt omdat de website het JSON -bestand is dat u momenteel gebruikt niet in staat is om verbinding te maken met uw browser. Om dit probleem op te lossen, kunnen we uw bestaande JSON -bestand verwijderen en een nieuwe maken. Dit gaat uw code niet beschadigen, omdat het JSON -bestand in principe alleen van toepassing is op instellingen. Volg de onderstaande stappen om een ​​nieuw JSON -bestand te maken.

1. In  Visual Studio Code,  ga naar je map, zoek naar  .vscode.
2. Klik nu met de rechtermuisknop op  .vscode  en selecteren  Verwijderen.
3. Je moet nu gaan  Ren en debuggen  Tab.
4. Klik op de ' Maak een lancering JSON ”-bestand Hyperlink en klik vervolgens op Web App (Chrome).
5. Hiermee wordt een nieuw JSON -bestand gemaakt.
6. Ga nu naar  Uitvoeren> Begin debuggen.

Hopelijk is dit voldoende voor u.

hoe duplicaten in Excel te tellen

3] Probeer Chrome op afstand debuggen

We hebben gemerkt dat soms bij het proberen Chrome te koppelen, de volgende foutmelding verschijnt.

In dit geval is onze beste optie om het JSON -bestand te maken zoals eerder vermeld. Ervan uitgaande dat dit niet werkt, kunt u het proberen  Chrome op afstand debuggen.  Deze methode werkt ongeacht de aanwezigheid van het bovengenoemde foutmelding. Om ermee aan de slag te gaan, open  Commando prompt  als beheerder.

Ga vervolgens naar de map van uw app in de terminal en start de server op poort 808.

Nu is uw web -app beschikbaar op http://localhost:8080 .

audio rippen van dvd

Om Chrome te debuggen met VS -code, moet u op afstand debuggen inschakelen bij het starten van Chrome. Open een terminal en gebruik de volgende opdracht:

chrome.exe --remote-debugging-port=9222

Druk in VS -code op F5 en controleer je launch.json. Selecteer voor het web debuggen 'Selecteer' Bevestig aan Chrome 'of' Lanceer Chrome 'en stel de poort in op 9222.

Dit zou je moeten letten.

4] Installeer Microsoft Edge Debugger opnieuw

Deze kwestie is niet exclusief voor Chrome, hoewel het feit dat  Microsoft Edge Tools voor VScode  is niet verouderd, we hebben een vrij eenvoudige oplossing bij de hand. Om dit probleem op te lossen, moeten we de Debugger van Microsoft Edge opnieuw installeren. Om dit te doen, moet u de onderstaande stappen volgen.

1. In  Vs code, Klik op de Extensies Tab.
2. Ga nu door de  Geïnstalleerd  Sectie, zoek naar Microsoft Edge Tools voor VS -code, Klik erop en selecteer  Verwijderen.
3. Eenmaal  Verwijderd,  zoeken naar  'Microsoft Edge Tools for VS Code',  en klik vervolgens op  Installeren.

Controleer ten slotte of het probleem is opgelost.

hoe u meerdere rijen in Excel verwijdert

5] Visual Studio Code opnieuw installeren

Als niets werkte, is ons laatste redmiddel om VS -code opnieuw te installeren. In het geval dat de fout is vanwege enige verkeerde configuratie of corruptie in de bestanden, zal deze oplossing dit oplossen.

We hopen dat u met behulp van deze oplossingen het probleem gemakkelijk kunt oplossen.

Hoe verbind ik VS -code met mijn browser?

Om VS -code aan te sluiten op uw browser voor live previewing van HTML/CSS/JavaScript -projecten, installeert u de Live Server -extensie van de VS -code -extensiesmarkt. Eenmaal geïnstalleerd, opent u uw HTML-bestand, klikt u op de knop 'Live gaan' in de statusbalk in de hoek rechts. Hiermee wordt een lokale ontwikkelingsserver gestart en opent automatisch uw standaardbrowser om de pagina weer te geven, die direct wordt bijgewerkt terwijl u uw code bewerkt en opslaat.

Hoe wijzig ik mijn browserinstellingen in VS -code?

Open de instellingen door op te drukken om uw browserinstellingen in VS -code te wijzigen Ctrl +, Typ dan 'Browser' in de zoekbalk om browser-gerelateerde opties te vinden, zoals de standaardbrowser voor het bekijken van webpagina's. Als u extensies zoals gebruikt 'Live server' , pas hun specifieke instellingen aan door op het tandwielpictogram naast de extensienaam te klikken en stel vervolgens uw voorkeursbrowser in onder de 'Standaardbrowser' Optie in het instellingenmenu van de extensie.