VS kód, amely nem tud csatlakozni a böngészőhöz [Fix]

A Visual Studio kódot széles körben tekintik a piac egyik legjobb IDE -jének. Ugyanakkor tisztességes részesedéssel rendelkezik a kérdésekben, amelyeket meg kell oldani. Nemrégiben észrevettük ezt A VS kód nem képes csatlakozni a böngészőhöz. Ez megtiltja, hogy csatlakozzunk a Localhosthoz vagy a Chrome elindításához, bizonyos esetekben a meghosszabbítás telepítése után is. Ebben a bejegyzésben erről a kérdésről fogunk beszélni, és megnézhetjük, mit tehetsz annak megoldása érdekében.

VS kód képtelen csatlakozni a böngészőhöz

Ha a VS kód nem tud csatlakozni a böngészőhöz, akkor az alábbiakban említett megoldásokat kell követnie.

1. Használja a hibakeresőt a króm alternatívákhoz
2. Hozzon létre egy új JSON fájlt
3. Próbálja ki a Chrome Remote hibakeresést
4. Helyezze vissza a Microsoft Edge hibakeresőjét
5. Helyezze vissza a Visual Studio kódot

Beszéljünk róluk részletesen.

1] Használjon hibakeresőt a króm alternatívákhoz

Sok felhasználó továbbra is használja a Chrome hibakeresőjét, annak ellenére, hogy ez már nem támogatott. Megszakították, mert a Visual Studio kód most már beépített JavaScript hibakeresője van. Ez a beépített szerszám kiterjesztés nélkül működik, és ugyanazokat a funkciókat biztosítja. Támogatja a Node.js, a Chrome, az Edge, a WebView2 és a VS kódbővítményeket, így nincs szükség külső hibakeresési eszközökre.

Ehelyett használhatja a Chrome Devtools -ot. Ez az eszköz beépült a Google Chrome -ba, és segít a fejlesztőknek javítani, elemezni és fejleszteni a webhelyeket. Ez magában foglalja a hasznos funkciókat, mint például az elemfelügyelő, a konzol, a hálózati megfigyelés, a teljesítmény -elemzés és a JavaScript hibakeresés.

2] Hozzon létre egy új JSON fájlt

Amikor egy weboldalt elindít a Chrome -ban és a Localhost -ban, akkor hibát tapasztalhat, amely azt mondja - Ezt a webhelyet nem lehet elérni.  Ennek oka az, hogy a webhely a JSON fájl, amelyet jelenleg használ, nem képes csatlakozni a böngészőjéhez. A probléma megoldásához törölhetjük a meglévő JSON fájlt, és létrehozhatunk egy újat. Ez nem fogja károsítani a kódot, mivel a JSON fájl alapvetően csak a beállításokra vonatkozik. Kövesse az alábbiakban említett lépéseket egy új JSON fájl létrehozásához.

1. -Ben  Visual Studio kód,  Lépjen a mappába, keresse meg  .VScode.
2. Most kattintson a jobb gombbal  .vcode  és válasszon  Töröl.
3. Most menned kell  Futás és hibakeresés  fül.
4. Kattintson a ' Hozzon létre egy indító json fájlt ” hiperhivatkozás, majd kattintson a gombra Web alkalmazás (Chrome).
5. Ez új JSON fájlt fog létrehozni.
6. Most menj el  Futtás> Kezdje el a hibakeresésiat.

Remélhetőleg ez megteszi a trükköt az Ön számára.

3] Próbálja ki a Chrome Remote hibakeresést

Észrevettük, hogy időnként, amikor a Chrome -t megpróbálják rögzíteni, a következő hibaüzenet jelenik meg.

Ebben az esetben a legjobb megoldásunk a JSON fájl létrehozása, ahogy a korábban említettük. Feltételezve azonban, hogy ez nem működik, kipróbálhatja  Chrome távoli hibakeresés.  Ez a módszer a fent említett hibaüzenet jelenlététől függetlenül fog működni. Az induláshoz nyissa meg  Parancssor  adminisztrátorként.

Ezután lépjen az alkalmazás mappájába a terminálon, és indítsa el a szerveret a 808 -as porton.

A webalkalmazásod most elérhető lesz a http://localhost:8080 -

A króm hibakereséséhez a VS kód használatával engedélyeznie kell a távoli hibakeresést a Chrome elindításakor. Nyisson meg egy terminált, és használja a következő parancsot:

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

A VS kódban nyomja meg az F5 gombot, és ellenőrizze a Launch.json fájlt. A webes hibakereséshez válassza a „Csatolódás a Chrome -hoz” vagy a „Launch Chrome” lehetőséget, és állítsa a portot 9222 -re.

Ennek meg kell tennie a trükköt az Ön számára.

4] Helyezze vissza a Microsoft Edge hibakeresőjét

Ez a kérdés nem kizárólagos a Chrome számára, bár az a tény, hogy  Microsoft Edge szerszámok a VSCode -hoz  Nem volt elavult, meglehetősen egyszerű megoldásunk van. A probléma megoldása érdekében újra kell telepítenünk a Microsoft Edge hibakeresőt. Ehhez az alábbiakban említett lépéseket kell követnie.

1. -Ben  VS kód, Kattintson a Kiterjesztések fül.
2. Most menj át a  Beépített  szakasz, keresse meg Microsoft Edge eszközök a VS kódhoz, Kattintson rá, és válassza ki  Távolítsa el.
3. Egyszer  Eltávolítva,  keres  „Microsoft Edge eszközök a VS kódhoz”,  És akkor kattintson a Kattintson  Telepítse.

Végül ellenőrizze, hogy a probléma megoldódott -e.

5] Helyezze vissza a Visual Studio kódot

Ha semmi sem működött, akkor az utolsó lehetőségünk a VS kód újratelepítése. Ha a hibát a fájlok valamilyen téves konfigurációja vagy korrupciója okozza, ez a megoldás megoldja azt.

Windows 10 nyomtatóbeállítások

Reméljük, hogy ezeknek a megoldásoknak a segítségével könnyedén meg tudja oldani a kérdést.

Hogyan csatlakoztathatom a VS kódot a böngészőmhez?

A VS -kód csatlakoztatásához a böngészőjéhez az élő előnézet HTML/CSS/JavaScript projektekhez telepítse az élő szerver kiterjesztést a VS Code Extensions piacon. A telepítés után nyissa meg a HTML fájlt, kattintson a „Go Live” gombra a jobb alsó sarokban lévő állapotsorban. Ez elindítja a helyi fejlesztési kiszolgálót, és automatikusan megnyitja az alapértelmezett böngészőt az oldal megjelenítéséhez, amely azonnal frissül a kód szerkesztésekor és mentésekor.

Hogyan változtathatom meg a böngésző beállításaimat a VS kódban?

A böngésző beállításainak VS kódban történő megváltoztatásához nyissa meg a beállításokat megnyitással Ctrl +, Ezután írja be „Böngésző” A keresősávban, hogy megtalálja a böngészővel kapcsolatos beállításokat, mint például az alapértelmezett böngésző a weboldalak előzetes megtekintéséhez. Ha olyan kiterjesztéseket használ, mint „Élő szerver” , Állítsa be a konkrét beállításokat a kiterjesztés neve melletti sebességváltó ikonra kattintva, majd állítsa be a kívánt böngészőt a „Alapértelmezett böngésző” Opció a Bővítés beállításainak menüben.