VSCode插件开发全攻略(七)WebView

  1. 云栖社区>
  2. 博客>
  3. 正文

VSCode插件开发全攻略(七)WebView

xal 2018-10-18 10:18:50 浏览1639
展开阅读全文

更多文章请戳VSCode插件开发全攻略系列目录导航

什么是Webview

大家都知道,整个VSCode编辑器就是一张大的网页,其实,我们还可以在Visual Studio Code中创建完全自定义的、可以间接和nodejs通信的特殊网页(通过一个acquireVsCodeApi特殊方法),这个网页就叫WebView。内置的Markdown的预览就是使用WebView实现的。使用Webview可以构建复杂的、支持本地文件操作的用户界面。

VSCode插件的WebView类似于iframe的实现,但并不是真正的iframe(我猜底层应该还是基于iframe实现的,只不过上层包装了一层),通过开发者工具可以看到:

_W1506xH802_

demo

在我们的vscode-plugin-demo中,我写了一个非常简单、没啥实际意义的Webview示例仅供参考,在任意编辑器

网友评论

登录后评论
0/500
评论
xal
+ 关注