关注「前端向后」微信公众号,你将收获一系列「用心原创」的高质量技术文章,主题包括但不限于前端、Node.js以及服务端技术
一款 VS Code 内嵌浏览器。
直到 2019 年 12 月 29 日,终于有了第一款能够真正在 VS Code 中浏览网页的插件,就叫 EmbeddedBrowser
P.S.号称是第一款,这丝毫不夸张,已有的Browser Preview for VS Code比较接近了,但其方案本身存在诸多限制,无法满足基本的网页浏览需求,详见打破 iframe 安全限制的 3 种方案
直接在你的 VS Code 中打开一个浏览器。
那么,为什么非要在 IDE 里开个浏览器?
因为能够方便很多事情,比如,边写代码边 Google 搜索:
比如,边写代码边查 API 文档:
又比如,边写代码边预览本地效果:
已上架 VS Code 插件市场,即装即用,或者在 VS Code 中搜索EmbeddedBrowser
插件即可安装
用法极其简单,只需输入命令 Open Browser
即可
P.S.如遇任何问题,或有功能建议,都可以通过 issue 反馈
简言之,通过本地代理服务转发绕过安全限制,进而通过iframe
加载页面
如对 VS Code 所提供的 Webview 能力,或内嵌浏览器的具体实现感兴趣,可参考:
具体实现细节,见 Github:
欢迎共同参与;)