vscode中iframe的使用

vscode中iframe由于某种原因不支持本地页面,比如<iframe src ="index.html" width="300" height="300"></iframe>这样的。

但是支持远程网络地址,比如像<iframe src ="https://www.baidu.com" width="300" height="300"></iframe>

其实我最不想使用的就是iframe,最符合我实际需要的仅仅是location.href,但是vscode内部不支持location.href,所以我只能采取iframe,但是使用iframe,我需要写大量的js来控制,觉得这种实现很不好。

 

由此我突发一个设想,为了解决目前的业务需要,我有两个想法:

 

第一、就通过iframe里面嵌入外网地址,外网地址项目由后台人员编写,这样的话,有些功能是可以复用的便于效率的提高;

 

第二、既然vscode中的webview只能支持单页面,那么我可以采用现在业界的SPA开发(单页面应用)。

 

 

忘记补充一点:iframe如果嵌入本地的界面,会出现空白,但是从浏览器上打开却显示正常,换成网络地址就都没有问题。

 

由于某种原因上述两个想法实现起来可能所需的时间不满足现在的快速迭代,只能暂时延后,不过呢,我还是要记录一下,说不定其他的小伙伴会需要。

 

关于SPA(vue.js应用实例)可以参考vue.js菜鸟教程:https://www.runoob.com/vue2/vue-routing.html

 

转载于:https://www.cnblogs.com/youcong/p/10371940.html

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值