如何在vscode中调用浏览器运行html？
如果想要编辑HTML之后直接运行，可以 ctrl+shift+p 搜索 Configure Task Runner. 回车之后打开 tasks.json，修改一下：
然后切换回test.html，通过快捷键ctrl+shift+b就可以直接调用系统默认浏览器来运行HTML代码。
html：超文本标记语言， 标准通用标记语言下的一个应用。
“ 超文本 ”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。
超文本标记语言的结构包括 “头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的 具体内容。
一个网页对应多个 HTML文件， 超文本标记语言文件以.htm（磁盘操作系统 DOS限制的外语缩写）为 扩展名或.html（外语缩写）为 扩展名。可以使用任何能够生成 TXT类型 源文件的文本编辑器来产生超文本标记语言文件，只用修改文件 后缀即可。 标准的超文本标记语言 文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：
），即超文本标记语言文件的开头与结尾标志和超文本标记语言的 头部与实体两大部分。有三个双标记符用于 页面整体结构的确认。
vivo手机怎么修改默认浏览器
vivo手机修改默认浏览器程序的方法：
OriginOS/Funtouch OS 4.0及以上：设置--应用与权限/更多设置--权限管理--权限--默认应用设置--浏览器中选择其他程序即可；
Funtouch OS 3.0及3.2：设置--更多设置--应用程序--默认应用设置--浏览器中选择其他程序即可；
Funtouch OS 3.0以下：i管家--软件管理--默认软件设置--浏览器中选择其他程序即可。
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 等各种客户端一应俱全。
