iframe嵌入页面白屏_Vue使用iframe嵌入第三方网页并修改标题

之前在工作中遇到的问题，点击链到第三方网页，并要求修改标题。

后面查了下，可以用 iframe 标签的功能

大概的逻辑就是，点击A按钮，跳转到嵌入页面，嵌入页面中使iframe显示出来的页面，添加样式：

 position:fixed;width: 100%;height: 100vh;top: 0;left: 0;

然后使用vue，修改该页面的标题，就相当于修改嵌入页面的标题。

不过这样做，只是嵌入页面，不涉及跨域，传参等问题，后续有时间，研究下，再发博客。

下面贴代码

去边框，定位，拉伸整个网页

iframe嵌入页面白屏_Vue使用iframe嵌入第三方网页并修改标题相关推荐

iframe嵌入页面白屏_BFCache 与浏览器前进后退白屏
什么是BFCache back-forward cache, 为浏览器前进/后退时准备的缓存官方解释提到了 nsIDOMWindow ,那什么是 nsIDOMWindow 呢? This inter ...
iframe嵌入页面白屏_封闭在家学网页制作！为页面嵌入PDF文件——零基础自学网页制作
在页面中嵌入PDF文件在上一篇<在html页面中嵌入其他页面的方法--零基础自学网页制作>(结尾见目录)中我们学习了如何在页面中嵌入其他页面的操作.今天我们来嵌入一个pdf文件. 其实使 ...
app中加载h5页面白屏问题
一.问题描述:通过原生检查日志在网络不好的情况下,由于vue打包后的第三方js包加载失败导致h5页面白屏. 二.解决方案: 1.减少第三方依赖:在package.json中把不需要的包删除. 2.组件 ...
HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计
HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...
HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计...
HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...
iframe 父页面全屏同时子页面 viewer轮播插件全屏放大 Uncaught DOMException: Blocked a frame with origin null from acce
1.在父页面<iframe allowfullscreen="true" ></iframe> 标签要加上 allowfullscreen="tr ...
前端发版本，页面白屏报错，微信缓存不更新资源
作为前端开发可能会经常遇到,产品.运营.用户吐槽反馈问题:为什么我的页面空白.页面没有更新,为什么每次都要清缓存.要点刷新按钮. 一.为什么会白屏.资源报错? 我们每次打包都会生成一个index.ht ...
js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...
用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...
iOS H5 history.back() 返回上一路由页面白屏
问题描述最近在做H5项目的时候,发现使用history.back()在IOS上返回上一页的时候,会有很严重的bug.我的场景是列表页滚动了超出一屏之后,进入详情页,再点击返回列表页,在iOS上就出现 ...

iframe嵌入页面白屏_Vue使用iframe嵌入第三方网页并修改标题

iframe嵌入页面白屏_Vue使用iframe嵌入第三方网页并修改标题相关推荐

最新文章

热门文章