$('iframe').css('visibility','hidden')无法在Google Chrome中使用
这个问答内容涉及到了前端开发和浏览器兼容性问题。
首先，我们需要了解一下 $('iframe').css('visibility','hidden') 这段代码的作用。这段代码使用 jQuery 选择器选中页面中的所有 iframe 元素，并将它们的 visibility 属性设置为 hidden，以达到隐藏 iframe 的目的。
然而，这段代码在 Google Chrome 中无法使用。这是因为 Google Chrome 浏览器对于 $('iframe') 这样的选择器有一些限制，它不允许跨域访问 iframe 元素。这是一个安全机制，以防止恶意代码注入和跨站脚本攻击。
为了解决这个问题，我们可以尝试使用以下方法：
- 使用
postMessage方法进行跨域通信。这种方法需要在 iframe 内部和外部的页面之间建立通信通道，并在需要隐藏 iframe 时发送消息。具体实现方式可以参考 MDN 文档。 - 使用浏览器扩展程序或插件来实现。这种方法需要用户安装相应的扩展程序或插件，并在扩展程序或插件中实现隐藏 iframe 的功能。具体实现方式可以参考 Chrome 扩展程序文档。
- 使用服务器端代理。这种方法需要在服务器端实现一个代理，将请求转发到目标服务器，并在返回的响应中隐藏 iframe。具体实现方式可以参考 Nginx 反向代理文档。
需要注意的是，以上方法可能需要一定的技术背景和开发经验，如果您不熟悉这些技术，可以寻求专业的前端开发人员或浏览器兼容性专家的帮助。
相关·内容
为了防止iframe闪烁，我在setTimeout中设置了它的可见性( CSS设置为visibility:hidden)$n('#myFrame').css('visibility','visible');}, 750);
效果很好，尽管当我加载框架内的后续位置时，闪烁行为返回，因为可见性已经设置。我想做的是在DOM
浏览 1提问于2014-01-08得票数 0
我有一个网页，其中包含一个使用display: none;的隐藏<div>，我在页面上有一个按钮，当点击时将改变<div>的可见性，并将其覆盖在其他所有内容之上(因为它有一个z索引设置)。在这个<div>中，我使用iFrame嵌入了一个Google Map，并将Google Map大头针放在我试图向用户显示的位置上。问题所在
因为Google Maps iFrame是在页面加载时加
浏览 5提问于2011-03-29得票数 29
但由于我所做的，如果我使显示模式:无或块，那么我不能使它显示在点击。对此有什么帮助吗？/256/app-map-icon.png" width="80" height="80"><div id="map" style="display:block ;">
<if
浏览 1提问于2014-06-10得票数 1
回答已采纳
: hidden;width: 100%;}
[show-background-image] #backgroundImage {visibility: visible;}</style></head><body><iframe id="backgroundImage" src=""></iframe><ntp-app></ntp-app><script
浏览 6提问于2021-11-26得票数 0
回答已采纳
12回答
我在我的网站上有以下iframe：
<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scriptsallow-forms" scrolling="no" style="overflow: hidden"></iframe>
浏览 0提问于2013-03-19得票数 94
回答已采纳
1回答
奇怪的是(无法确认但只能猜测)，值得一提的是，如果我使用控件，在iframe之外，这种滚动行为可能会发生。iframes包含一个带有内联JS和CSS的HTML页面。我试过：
在</
浏览 1提问于2016-03-22得票数 1
回答已采纳
我已经嵌入了一个谷歌电子表格在我的网站通过一个iframe。但是，在电子表格上加载数据需要时间。<iframe name='iframe2' scrolling='no' src='https://docs.google.com/spreadsheets/d/e/2PACX-1vQyRGpXqAZ15m-WEyI6mbCIVZrWssEZcEs8nIu7H0NdwELvvg
浏览 4提问于2022-08-04得票数 0
我正在使用闪光显示插件很好地成功地显示了一个简单的JQuery回退HTML5视频。Firefox在IE8、IE9、火狐、Chrome、Safari、Win XP、Win 7、OS X、iPad 2和Android2.3上运行良好。我在模式窗口中有一个“关闭”链接，它的工作原理是按Esc键和单击背景。然而。。。通过在HTML页面中添加以下脚本，我只能找到如何暂停关闭链接的关闭视频
浏览 1提问于2012-04-20得票数 2
1回答
我有两个动作在Flash文件中，我想测试转换。一种是在选项卡/窗口中打开链接，另一种是在页面上加载Colorbox iframe中的内容。我的两个动作是：
navigateToURL(new URLRequest("http://www.google.com/"), '
浏览 4提问于2010-03-31得票数 0
回答已采纳
我有一个在css和html中隐藏溢出的IFRAME。它可以在Firefox中运行，但不能在Chrome/Safari中运行 为什么会这样呢？
浏览 0提问于2011-09-13得票数 50
回答已采纳
我在一个正在做的项目中使用了类似的结构。它是一个具有交替部分的页面，一个是内容部分，另一个是带有覆盖和固定背景图像的分隔符。
浏览 0提问于2013-06-04得票数 11
我有网页与动画，并张贴在第三方网站，它被放置在一个iframe。有时候，iframe的包装器div将CSS visibility属性更改为hidden，当它返回到hidden时，iframe中的动画就会冻结。<!when visibility is toggled</title>
<style>.invisible { visibility: <e
浏览 4提问于2016-05-17得票数 4
我在一封电子邮件中发现了这个。有人能告诉我它在做什么吗？我担心这可能是恶意的。
我在网上看到这可能只是“优化的javascript”。有没有一种方法可以解除它的视力，看看它在做什么？
浏览 4提问于2012-03-30得票数 4
回答已采纳
铬闪烁时，重新加载内容在iframes。能否以任何方式避免这种情况，考虑到：
小提琴节选：
<iframe name="if" width="800
浏览 4提问于2013-10-09得票数 9
回答已采纳
我对jquery的.load()有问题，我需要在div中加载一个通过javascript动态加载其数据的页面，特别是我的html页面，它通过函数中的js使用jquery的.load： <div class="box" style="visibili
浏览 4提问于2020-06-12得票数 0
回答已采纳
1回答
我试图在堆栈溢出中找到这个问题，但由于找不到，所以我问它： <?php echo htmlentities('<iframe frameb
浏览 1提问于2014-10-08得票数 0
回答已采纳
1回答
我有一个页面加载在一个iframe可能包含音频/视频标签。<button onclick="toggle();">Toggle Iframe</button>
<iframe id='page' src='http://www.quackit.com/common/html_5/tags/inc_html_audio_tag.cfm' width=&quo
浏览 0提问于2013-01-17得票数 3
回答已采纳
1回答
我使用引导4中的卡片列，当用户悬停图像时，它会缩放它。}
background-color: green; overflow: hiddenscale(1.1);}
<link href="https://stackpath.bootstrapcdn.com&
浏览 0提问于2019-04-16得票数 0
回答已采纳
是否可以防止浏览器对应用了缩放转换的iframe元素进行抗锯齿处理？我希望它保持像素化，而不是让渲染器在调整大小时尝试平滑像素(我想要“最近邻居”而不是“双三次”重采样)。我已经在iframe上尝试了下面所有的CSS规则(任何相同的组合)，在Firefox的Chrome中似乎都不起作用：image-rendering: pixelated-moz-crisp-edges;
image-rendering: c
浏览 14提问于2019-07-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
