VSCODE 可无缝调试浏览器了！
2021-07-16 微软发布了一篇博客专门介绍了这个功能，VSCODE 牛逼！
在此之前，你想要在 vscode 内调试 chrome 或者 edge 需要借助于 Chrome Debugger 或者 the Microsoft Edge Debugger extension 这两款 vscode 扩展。
并且更重要的是，其仅能提供最基本的控制台功能，其他的诸如 network，element 是无法查看的，我们仍然需要到浏览器中查看。
更新之后，我们可以直接在 vscode 中 open link in chrome or edge，并且 「直接在 vscode 内完成诸如查看 element，network 等几乎所有的常见调试需要用到的功能」 。
效果截图：
使用方式非常简单，大家只需要在前端项目中按 F5 触发调试并进行简单的配置即可。这里给大家贴一份 lauch.json 配置，有了它就可以直接开启调试浏览器了。
原理其实和 chrome debugger 扩展原理类似。也是基于 Chrome 的 devtool 协议，建立 「websocket 链接。通过发送格式化的 json 数据进行交互」 ，这样 vscode 就可以动态拿到运行时的一些信息。比如浏览器网络线程发送的请求以及 DOM 节点信息。
你可以通过 「chrome devtool protocol」 拿到很多信息，比如上面提到的 network 请求。
由于是 websocket 建立的双向链接，因此在 VSCODE 中改变 dom 等触发浏览器的修改也变得容易。我们只需要在 VSCODE（websocket client） 中操作后通过 websocket 发送一条 JSON 数据到浏览器（websocket server）即可。浏览器会根据收到的 JSON 数据进行一些操作，从效果上来看 「和用户直接在手动在浏览器中操作并无二致。」
值得注意的，chrome devtool protocol 的客户端有很多，不仅仅是 NodeJS 客户端，Python，Java，PHP 等各种客户端一应俱全。
visualstudiocode运行出的网站怎么改
需要安装插件。
1、首先需要安装vscode插件，在Extension中输入openinbrowse，选择下载。
2、使用Alt+B打开默认浏览器。
3、如果需要更换浏览器，在文件中选择首选项，选择设置：输入openin。
4、输入想要修改的浏览器名注意此处的浏览器必须与电脑默认的浏览器名一致。
vscode的项目浏览器改成idea
可以。vscode的项目是可以跨平台的，在浏览器是可以改成idea的，更新一下这个设置就可以。VSCode是一款由微软开发且跨平台的免费源代码编辑器。
VSCode如何设置，才能在VSC里打开php文件到浏览器？
VSCode通过以下设置能在VSC里打开php文件到浏览器，方法如下：
准备材料：VisualStudio Code1.2
1、首先要想调试php代码，必须得先有php的相关编译器，只有安装了php的系统下，才能进行调试的。这里点击菜单栏的查看，选择扩展进入。
2、接着左侧栏就会出现扩展安装的窗口，在搜索栏填php，就会出现很多与php相关的插件了。这里我就直接选择了php debug，php的调试工具。
3、然后点击打开文件夹，把自己的工程目录设置为活动文件夹即可。
4、这里可以设置断点。
5、点击调试或者按F5键启动调试即可。
6、调试过程中会遇到.net的环境变量设置问题，这里不设置好这个变量，是不能进行调试的，所以，点击获取dotnet sdk开发包并安装。
7、安装完成后点击我的电脑，属性。
8、高级系统设置。
9、环境变量，新建。
10、把dotnet的安装路径复制进去就可以的了。
11、最后再次进行调试，就可以看到结果的了。
visual studio 2005调试用的浏览器怎么换?
解决方案资源管理器，右击web文件，选择“浏览方式”，设置360为默认值即可
