iframe 在firefox火狐浏览器动态获取内容不展示问题

1.代码及问题

vue代码

<template><iframeid="iframe"frameborder="0"allowtransparency="true"></iframe>
</template>

js代码

mounted() {const iframe = document.getElementById("iframe").contentDocument || document.frames["iframe"].documentconst iframeBody = iframe.bodyiframeBody.innerHTML = '<p>iframe部分内容</p>'
}

问题：chrome浏览器运行正常，firefox中，iframe内容不展示

2.解决问题

F12检查发现，firefox中，iframe的src属性为about:blank，将此属性设置为 javascript: 或者 about: 则火狐浏览器展示正常，而此时chrome中iframe不展示，因此，需要判断，如果是火狐浏览器，将iframe的src属性设置为 javascript: 或者 about: 即可解决

代码：

<template><iframeid="iframe"frameborder="0"allowtransparency="true":src="iframeSrc"></iframe>
</template>

data() {return {iframeSrc: navigator.userAgent.match("Firefox") ? 'javascript:' : ''}
}

iframe 在firefox火狐浏览器动态获取内容不展示问题相关推荐

[开发浏览器实战]关于Firefox火狐浏览器的说明一二(国内版国际版区别账号切换插件-恢复关闭的标签页插件-tempermonkey油猴)
[开发浏览器实战]关于Firefox火狐浏览器的说明一二 1.下载地址 2.同步账号不一样国内版 3.浏览器关于内容不同: 国内版国际版![在这里插入图片描述](https://img-blog. ...
Firefox(火狐浏览器)丰富的Web开发辅助插件
Firefox(火狐浏览器)丰富的Web开发辅助插件大多数网页设计师与前端工程师都会使用Firefox(火狐浏览器),由于Firefox丰富的Web开发辅助插件可以为我们提供许多好的功能,比如HTM ...
html 整体缩小zoom,页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
1.页面缩放用到的技术点 (1)zoom zoom:normal | | 默认值:normal 适用于:所有元素继承性:有可以使用用浮点数和百分比来定义缩放比例. zoom的兼容性:firefox ...
linux系统浏览器最小化,调整Firefox火狐浏览器的最小化、最大化、关闭按钮键大小...
在Deepin Linux系统中的Firefox火狐浏览器三大按钮有些小,即最小化.最大化.关闭按钮键小,除了修改主题外,还可以自行修改用户css文件,其实Firefox火狐是支持用户通过css文件对 ...
Firefox火狐浏览器使用小技巧
firefox是现在非常流行的一款浏览器,功能强大并且能够为用户创造一个开放,创新与机遇的网络环境,因而在全世界各地都有很多的粉丝,好像用Firefox取代IE浏览器成了某种时尚.下面小编就为大家分享 ...
软测自动化之Firefox火狐浏览器安装selenium IDE插件（一）
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:软测自动化之Firefox火狐浏览器安装selenium IDE插件(一) 提示:写完文章后,目录可以自动生成,如 ...
Firefox火狐浏览器的高效使用
Firefox火狐浏览器的高效使用在统一的地址栏搜索一切页面操作菜单:书签.截图.保存或分享同步账户跨平台的使用附加组件我用的组件如何下载与安装如何看使用说明书油猴脚本的详细 ta ...
为什么要下载firefox火狐浏览器
您的ie是否越来越慢,上网泥泞不堪? 您的ie首页经常被窜改,工具栏上东西越来越多,错误百出? 您的ie经常弹出乱七八糟的广告,经常跳出非法操作? 现在您就可以结束这场噩梦了,IE无需修复,立刻下载 ...
firefox火狐浏览器怎么清除缓存火狐浏览器清理cookie教程
使用火狐浏览器的小伙伴是不是会出现网页搜索速度慢之类的问题呢,其实这是网页缓存太多的缘故.接下来,就让小编为大家说一下firefox(火狐浏览器)如何清除缓存的方法吧. 1.打开火狐浏览器,点击浏览器 ...

iframe 在firefox火狐浏览器动态获取内容不展示问题

1.代码及问题

2.解决问题

iframe 在firefox火狐浏览器动态获取内容不展示问题相关推荐

最新文章

热门文章

iframe 在firefox火狐浏览器 动态获取内容不展示问题

1.代码及问题

2.解决问题

iframe 在firefox火狐浏览器 动态获取内容不展示问题相关推荐

最新文章

热门文章

iframe 在firefox火狐浏览器动态获取内容不展示问题

iframe 在firefox火狐浏览器动态获取内容不展示问题相关推荐