谷歌浏览器的调试器“的网站无法到达本地主机拒绝连接”

目前我正在试图在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

谷歌浏览器的调试器“的网站无法到达本地主机拒绝连接”

回答

相关问题