谷歌瀏覽器的調試器「的網站無法到達本地主機拒絕連接」

目前我正在試圖在Visual Studio谷歌瀏覽器的調試器「的網站無法到達本地主機拒絕連接」

的打開寫在Visual Studio中的谷歌Chrome瀏覽一個HTML文件，並運行谷歌鉻合金調試擴展以下是上傳.json文件，我使用的第一配置

{ 
"version": "0.2.0", 
"configurations": [ 
    { 
     "name": "Launch Chrome against localhost, with sourcemaps", 
     "type": "chrome", 
     "request": "launch", 
     "url": "http://localhost:8080", 
     "sourceMaps": true, 
     "webRoot": "${workspaceRoot}" 
    }, 
    { 
     "name": "Attach to Chrome, with sourcemaps", 
     "type": "chrome", 
     "request": "attach", 
     "port": 9222, 
     "sourceMaps": true, 
     "webRoot": "${workspaceRoot}" 
    } 
]

但是當它在谷歌瀏覽器打開我收到錯誤

這個網站無法到達

localhost拒絕連接。

來源

2016-08-03 lnewman

由鉻始於'的chrome.exe --remote調試端口= 9222'？ – wOxxOm

發現此related issue其中建議端口轉發到適當的本地IP地址爲您的服務器（它可能已更改），並確保在服務器上正確設置防火牆規則。

基於link的另一建議解決方案是更改項目中的端口號。

Project Properties -> Web -> Servers -> Project Url

您也可以按照從這個SO question此變通辦法：

轉到LAN設置（在Chrome瀏覽器：工具 - >選項 - >引擎蓋下 - >更改代理服務器設置 - > LAN設置）

將會出現一個「本地地址旁路代理服務器」複選框

勾選複選框。

在Mac /蘋果：Chrome使用系統偏好本地主機排除：

進入系統偏好設置 - >網絡 - >高級 - >代理服務器設置

附加的 'localhost'在底部它說：'忽略這些主機和域的代理設置'（例外以逗號分隔）

希望這會有所幫助！

來源

2016-08-04 10:23:58 abielita

沒有其他解決方案的工作（涉及有問題的SO鏈接），我沒有嘗試更改主機文件解決方案。下面這個解決方案工作

https://www.webucator.com/blog/2016/06/launch-files-browser-visual-studio-code/

CTRL + SHIFT + P
CTR
「等」 →任務。JSON
以下代碼粘貼到：

{ "version": "0.1.0", "command": "Chrome", "windows": { "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe" }, "args": ["${file}"] }

在任何文件，你的工作，按CTRL + SHIFT + B index.html文件或。

編輯

該解決方案是不是最好的，因爲它需要你刷新/每次重建所有資產進行了更改，使得它相當緩慢，尤其是當你使用jquery

編輯編輯

對於閱讀此內容的任何人，我運行windows 10並測試了幾乎所有可能在stackoverflow上的解決方案，但最終只能使用atom + atom-live-server wh ich幾乎花了我5分鐘來安裝和設置。安裝如何在這裏：https://www.youtube.com/watch?v=xg-W86U6_Ng

來源

2017-05-28 19:52:04 Kagerjay

我有同樣的問題。

有一個臨時解決方案，即將"file": "${workspaceRoot}/index.html"添加到launch.json配置中。

此更改將允許您在Chrome瀏覽器中打開您的web應用程序，並且您將能夠執行調試，斷點... 但是，考慮到瀏覽器將呈現您的項目，就好像它是打開一個本地文件，並且不使用網絡服務器環境。

這裏是launch.json配置文件：

{ 
    "version": "0.2.0", 
    "configurations": [ 
     { 
      "type": "chrome", 
      "request": "launch", 
      "name": "Launch Chrome against localhost", 
      "url": "http://localhost:8080", 
      "webRoot": "${workspaceRoot}", 
      "file": "${workspaceRoot}/index.html" 
     } 
    ] 
}

來源

2017-09-06 19:25:21

與VScode調試一段時光後，我意識到對以下事實：

VScode能夠自然調試任何.js文件。
VScode可以的.html & .js文件調試與像「調試器Chrome瀏覽器」擴展的幫助（你需要申請@Machavity變化呈現它而不活斷絕。
如果你想渲染您的.html & .js文件，因爲它是一個網絡服務器（相似，彷彿正從Apache的服務），你會需要一些節點擴展名，如「活服務器」。

如何德臭蟲以「調試器Chrome的」 &「活服務器」擴展名：

變化在 launch.json文件「鉻調試器」的配置選項，使參數「URL」相匹配的主機，「活服務器」將用於渲染：例如，本地主機。
打開你的index.html文件並打開終端，運行「live-server」。您可以從命令行自定義實時服務器的端口，主機和其他設置。
啓動調試器並在必要時應用斷點。

更多信息： - Debugger for Chrome - Node live-server

來源

2017-09-22 08:55:00 Alberto

谷歌瀏覽器的調試器「的網站無法到達本地主機拒絕連接」

回答

相關問題