开启VScode中最简单的内部浏览器 - 可以访问外网 - Browser Preview

已于 2022-06-23 09:37:19 修改
阅读量1.4w 收藏 4
点赞数 3
分类专栏： 开发 文章标签： vscode ide visual studio code
于 2022-02-22 17:30:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq285744011/article/details/123073162
版权

提示

之前介绍的“Browser Preview”已经失效，请看最新插件：“VS Browser”

 插件安装：

插件使用：由下角 - 状态栏 - VS Browser按钮

 

 

===========  已失效的插件 20220623更新 ===========

效果

步骤

1.装插件“Browser Preview” - 虽然已经被“废弃”Deprecated，但是还是很好用！

2.点击左边的“”

3. 输入URL，enjoy~

相关

vscode 内部浏览器

请问有没有办法在VS Code中嵌入一个浏览器?

Rudon滨海渔村
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vscode-browse-lite：in VS Code中的嵌入式浏览器
03-03
浏览精简版 VS Code中的嵌入式浏览器 由从 :high_voltage: 页面刷新更快 :last_quarter_moon: 暗模式感知 :artist_palette: 主题感知UI :lady_beetle: 内置devtools支持 :electric_plug: 可扩展的动作 :desktop_computer: 在系统浏览器中重新打开 :check_mark_button: 无遥测 运行“ Browse Lite: Open...命令以启动浏览器 此扩展最初是为构建的。 赞助商 该项目是我的一部分。 执照 麻省理工学院-版权所有（c）2019 Kenneth Auchenberg 麻省理工学院-版权所有（c）2021 Anthony Fu
vscode-browser-preview：编辑器中的真实浏览器预览，您可以对其进行调试
02-26
VS代码的浏览器预览 您可以在编辑器中进行调试的真实浏览器预览。 VS Code的Browser Preview（浏览器预览）使您可以在编辑器中打开可以调试的真实浏览器预览。 浏览器预览由驱动，并通过在新进程中启动无头Chromium实例来工作。 可以是Google Chrome或Microsoft Edge。 这提供了一种在VS Code中呈现Web内容的安全方法，并启用了有趣的功能，例如编辑器内调试等！ 入门 从扩展 单击左侧边栏中的新“浏览器预览”按钮，或运行命令Browser View: Open Preview 确保您的计算机上安装了Google Chrome。 特征 VS Code中的浏览器预览（由提供支持）。 能够同时打开多个预览。 可调试的。 启动URL，并将附加到浏览器视图实例，然后在VS Code中进行调试。 通过chrome://inspect附加Chrom
VScode下载安装和基础配置（更改默认浏览器、windows找不到浏览器解决方法）
最新发布
bengbeng2345的博客
03-26 1289
一、官网下载地址 二、基础配置 1、汉化插件（chinese） 2、在浏览器打开（open in browser） 更改默认浏览器 windows找不到浏览器 （1）找不到默认浏览器 （2）找不到其他浏览器 3、自动格式化设置
vscode打开图标_VScode如何内置Chrome浏览器？超简单！
热门推荐
weixin_35677065的博客
01-26 1万+
最近使用VS Code开发vue项目，需要经常在编辑器和浏览器之间来回切换查看页面效果，感觉特别繁琐！今天就来分享下如何在VS Code中实时预览HTML页面或VUE/React/Angular等页面效果。如下图：在vscode中预览vue和html页面vscode预览HTML1、HTML Preview一个很不错的vscode预览html页面插件在扩展中搜索“ HTML Preview...
如何在VSCode内嵌浏览器实时预览Vue项目
m0_50298323的博客
07-28 4362
如何在VSCode内嵌浏览器实时预览Vue项目
VSCode中如何浏览器打开Html
weixin_38527697的博客
08-04 2731
1.在插件中寻找open in browser,选择安装 2.在编辑面板中右键 选择open in default browser或者 open in other browser 打开浏览器即可 ，快捷键alt+B
Vscode——内置浏览器
qq812457115的博客
05-05 9133
1. 安装插件 Live Server Browser Preview 2. 设置 首选项 > 设置 > 输入Use Browser Preview 勾选
VScode中的插件
Qianmoer的博客
07-01 4896
在使用live sass compiler插件时，并不是所有的默认设置都如我们所愿，那么，我们来看一下如何自定义设置。1.编译/转换后的文件格式、扩展名、保存位置文件格式格式可以是expanded，compact，compressed或nested。默认值为 expanded。扩展名扩展名可以是.css或.min.css。默认值为.css。保存位置。
VS Code中打开内置简易浏览器Simple Browser查看TensorBoard
weixin_44901039的博客
11-30 1503
VScode使用内置简易浏览器
解决：VS Code 设置默认打开浏览器 Chrome
weixin_53031149的博客
03-21 6710
VS Code 设置默认浏览器
Vscode 如何使用内置浏览器?
薛定谔的猫
07-06 3054
本人使用HBuilderX时使用此内置浏览器使用起来十分不方便（可能版本问题）实际上游览器的结果为通过网上寻找方法依旧没有办法解决，因此就换到VScode上来编写代码。VScode的插件多的优势，我很快就找到了一款内置浏览器插件Browser Preview使用方法就是...
vscode view-in-browser插件 koppt.vscode-view-in-browser-1.0.5.vsix
08-26
适合不能联网或联网安装失败不成功的情况，需要安装vscode view-in-browser插件的前端童靴下载。 安装时运行CMD 进入dos命令行 运行命令code --install-extension koppt.vscode-view-in-browser-1.0.5.vsix 即可
vscode-open-in-default-浏览器：在默认浏览器中打开
01-31
在默认浏览器中打开 VSCode扩展，用于在浏览器中快速打开html文件。 支持的功能 在浏览器和编辑器上提供html，xml，pdf文件的“在默认浏览器中打开”菜单，它可以使用默认浏览器打开此文件 您还可以使用快捷键ctrl + 1 （Windows）/ command + 1 （Mac） 支持touchBar（对于Mac） 它基于本地HTTP服务器 支持多国语言： 英文（en） 简体中文（zh-cn） 繁体中文（zh-tw） 日语（ja） 法语（法语） 韩语（ko） 俄文（ru） 葡萄牙语（pt） 土耳其文（tr） 德文（de） 西班牙语（es） 匈牙利文（hu） 义大利文（it） 保加利亚（bg） 设定选项 此扩展为贡献了以下变量： openInDefaultBrowser.run.openWithLocalHttpServer ：（true / false）是否使用本地http服务器打开，默认为true 更新日志 执照
vscode-preview-server:实时预览VSCode扩展
05-02
Launch on browser (ctrl+shift+l) ：在默认浏览器上打开网页。 您可以通过网页检查所有操作。 Stop the web server (ctrl+shift+s) ：停止Web服务器。 此功能只能在命令面板中使用。 Resume the web server (ctrl+...
Preview-in-browser:一个Sketch插件，可以在浏览器中正确查看您的设计
05-12
在浏览器中打开它（您必须对每个更改进行此操作，因为这不是您的画板的实时预览） ¯\ _（ツ）_ /¯ 学分 感谢Lastroom的提供了预览方法的基本代码。 我所做的只是改进代码，清理HTML标记输出，并添加一种将画板...
vscode内置浏览器 开发vue 显示网址
web修理工
05-31 7033
最近使用VS Code开发vue项目，需要经常在编辑器和浏览器之间来回切换查看页面效果，感觉特别繁琐！今天就来分享下如何在VS Code中实时预览HTML页面或VUE/React/Angular等页面效果。 vscode预览HTML 1、HTML Preview 在扩展中搜索“ HTML Preview ”，点击安装，通过如下快捷键预览页面。 打开浏览器预览 - ctrl+shift+v or cmd+shift+v 编辑器侧边预览 - ctrl+k v or cmd+k v 2、Live Server
VS2019使用Microsoft Web Browser控件实例
拼凑自我
03-30 6352
通过ActiveX控件 Microsoft Web Browser 可以实现简易的浏览器访问，但网上大多文章都是片段式的，所以写个完整的实现流程。 1.首先创建一个基于对话框的MFC项目，命名为WebBrowserDemo； 2.打开主窗口，添加一个编辑框，用来输入网址；然后右键，插入ActiveX控件，选择Microsoft Web Browser； 3.然后添加控件变量，第一种就是默认的CEXPLORER1变量类型； 然后会自动生成CEXPLORER1.h，但是这里面会有IWe.
vscode 怎么设置打开的浏览器为默认只设置一次
05-01
要将浏览器设置为默认只需要进行一次设置即可。在VSCode中，我们需要按下Ctrl + Shift + P的组合键打开命令面板，然后输入“preference”, 点击"Open User Settings"。在搜索框中输入“default browser”，可以看到VSCode已经帮我们预设了默认浏览器设置，我们只需点击"Edit in settings.json"即可在json文件中进行修改。修改后的代码如下： ``` "html.previewBrowser": "chrome", "browser-preview.defaultBrowser": "chrome" ``` 其中，将"html.previewBrowser"设置为"chrome"是用于在预览网页的时候使用默认的浏览器；将"browser-preview.defaultBrowser"设置为"chrome"是用于在VSCode中使用Browser Preview扩展程序预览网页的时候使用默认的浏览器。在这里，我设置的都是Chrome浏览器，如果需要设置其他浏览器，只需要将"chrome"改为其他浏览器的名称即可。保存修改后，关闭VSCode重新打开，即可看到我们设置的浏览器已经成为了默认浏览器。综上，我们只需要进行一次json文件的修改，即可将VSCode中默认使用的浏览器设置为我们想要的浏览器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Rudon滨海渔村

花的越多，赚得越多...

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值