为什么iOS上react原生webview中的iframe不呈现内容？
在iOS上，React原生WebView中的iframe可能不呈现内容的原因有以下几点：
- iOS中的WebView存在一些安全限制，特别是在加载外部资源时。这是因为iOS的WebView默认启用了沙盒模式，限制了跨域访问和加载非安全内容。因此，如果iframe中的内容来自不同的域名或使用了不安全的协议（如http），则可能无法正常呈现。
- iOS中的WebView对于一些特定的CSS属性和JavaScript事件的支持可能有限。这可能导致在iframe中使用一些特定的样式或交互功能时出现问题，导致内容无法正常呈现。
- React Native中的WebView组件可能存在一些兼容性问题或bug，导致在iOS上呈现iframe内容时出现问题。这可能需要通过更新React Native版本或使用其他WebView组件来解决。
针对这个问题，可以尝试以下解决方案：
- 确保iframe中的内容来自同一个域名，并且使用了安全的协议（如https）。这可以避免iOS的安全限制导致的加载问题。
- 检查iframe中使用的CSS属性和JavaScript事件是否在iOS的WebView中得到支持。如果有不支持的属性或事件，可以尝试使用其他方式实现相同的效果，或者考虑使用其他技术替代iframe。
- 更新React Native版本或尝试使用其他WebView组件，以解决可能存在的兼容性问题或bug。
腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列与云计算相关的产品和服务，包括云服务器、云数据库、云存储、人工智能等。以下是一些相关产品和其介绍链接地址：
- 云服务器（ECS）：提供可扩展的计算能力，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库（CDB）：提供高性能、可扩展的数据库服务，包括关系型数据库和NoSQL数据库。详情请参考：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和处理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能（AI）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
我有一个ReactNative应用程序，它只使用webview来显示我们的react网站。我们的网站允许用户查看电子邮件，为了正确呈现这些电子邮件消息，我们使用了iframe。所以我们的iframe看起来像这样： <iframe className={'email-view-body-iframe'} srcDoc={pViewMessage.body}/> 其中srcDoc
浏览 81提问于2021-03-20得票数 1
回答已采纳
我正在尝试将一个名为seloger.com的法语网站显示到我的react原生应用程序的Webview中。 几天后，仅在iOS上，Webview会显示一条“错误”消息，而不是显示网站。Screenshot: This is how it renders on Android, both Webviews are fine: Screenshot: This is how it renders on iOS</e
浏览 21提问于2019-02-28得票数 0
回答已采纳
我正在使用反应原生视图拍摄，我需要我们的产品能够捕获从反应原生视频包的m3u8 uri直播流。目前在android上，它可以很好地捕捉屏幕，但在IOS上，View Shot似乎只捕捉空白视频的问题。How it looks on IOS 下面播放的是直播流，截图是视频的截图。它们只是不兼容，或者我如何解决在ios上捕获直播流的屏
浏览 27提问于2021-02-04得票数 1
<WebView style={styles.webv} uri: {{Domain_URL}},
}}
浏览 7提问于2022-09-30得票数 0
回答已采纳
我使用react-native-webview加载一个具有多个iframes的URL。我正在使用injectedJavaScript方法向加载的网站注入javascript。但仍然无法在iframes中获得我的javascripts。//wikipedia.org/" style="width:100%;min-height: 400px;"></iframe>
</
浏览 5提问于2019-08-29得票数 5
我发现React Native webview (0.32.0)有一个奇怪的问题。每当我呈现WebView时： return ( );我得到一个未处理的Javascript错误，如下所示：这个问题似乎出现在WebView.ios.js _onLoadingStart中，由于某些原因，" This“是未定义<e
浏览 0提问于2016-08-29得票数 0
我目前正在使用React原生，并且需要一些关于如何解决涉及iframes (而不是WebView)的问题的一些想法。我有一个用TypeScript编写的函数组件，它使用React.createElement来创建iframe，并试图在创建/挂载iframe之后调用/调用函数，而无需重新呈现它。但是，我需要访问iframe的contentWindow才能使用pos
浏览 5提问于2021-11-21得票数 1
我使用react、react-redux、react-router和react-loadable构建了一个PWA。我用Corona构建了一个应用程序，它使用webview指向PWA。原生应用程序让我可以访问PWA在iOS上所具有的功能。这很好用。但是，webview不支持服务工作者。因此，不会缓存任何内容，每次打开页面时，应用程序都会重新加载页面。有没有办法使用react-redux来存储js&#x
浏览 1提问于2019-01-10得票数 0
4回答
我昨天建立了新的，使用了Reacti-本地-cli。但是当我用android手机运行这个项目时，我在红色屏幕上发现了这个错误。
"ios": "react-native r
浏览 4提问于2019-12-12得票数 5
我想在我的react原生应用程序上显示“脸谱喜欢”按钮，允许用户喜欢该应用程序的Facebook页面，这样他们就可以从发布在Facebook上的应用程序中获得更新。我想使用Facebook上的类似按钮iFrame在WebView上，以避免仅仅为了在应用程序上有一个相似的按钮而集成SDK，我还想为其他社交媒体添加类似的按钮，比如Twitter和YouTube。我在F
浏览 4提问于2020-05-19得票数 0
回答已采纳
缺陷描述： My WebView应该显示具有cookie身份验证的网页。该页面期望在登录时获得会话id cookie。为了进行身份验证，我使用fetch()将登录请求发送到网站。当登录成功时，我可以看到收到了适当的cookie。成功的时候，我就要开始WebView了。
--它在Android上运行得很好，但在iOS.上却不工作。我在iOS 9和iOS 11模拟器以及iOS 11设备上</em
浏览 5提问于2021-06-27得票数 1
回答已采纳
1回答
我目前正在构建一个安卓和iOS移动应用程序使用Appcelerator/钛。
这个应用足够简单-我们的API返回最新故事的JSON响应，故事和显示在一个列表中，当用户选择一个故事时，就会呈现出来。现在我转到了Appcelerator，因为我在使用Phonegap时遇到了一些限制，而且它实际上只是一个花哨的WebView。但是，我再也看不到比在WebView中更好地显示故事内容的</
浏览 2提问于2016-07-29得票数 0
我维护了一个混合的react-原生 (0.66.3)移动应用程序，它基本上是一个外壳，很好地包装了我们的网络应用程序。这种开发一次并在移动和web平台上重用的方法非常适合我们的用例。iOS有一个可访问性特性，允许用户选择他们喜欢的文本大小，这可以帮助需要更大文本的用户获得更好的可读性。()
不幸的是，iOS版本的混合反应-本机应用程序不<
浏览 1提问于2022-04-05得票数 1
4回答
我有一个移动网站，我想做一个android浏览器应用程序，我想在那里打开我的网站。} from 'react-native';
var Browser = require('react</e
浏览 0提问于2017-09-13得票数 1
1回答
iFrame拒绝在中加载
、、、、
我正在构建一个Reactive原住民(expo)应用程序，我需要显示一个带有一些我无法控制的内容的iFrame。我使用react-native-webview来显示如下所示的webview视图 ref={ref}
onMessage={handleMessages在我的示例中，webview加载良好，脚本执行时没有错误，直到<
浏览 25提问于2022-08-05得票数 0
回答已采纳
1回答
react：16.9.0发行：
我使用react-native-community/react-native-webview，在我的应用程序中呈现一个web视图。我的URL方案看起来类似于intent://cdn.glitch.com/ (基本上是一个WebAR，它基本上在相机的帮助下在周围
浏览 3提问于2020-01-11得票数 1
React Native WebView缓存静态html页面。我在webview中设置了一个指向html页面的URL。工作得很好。但当我更新和部署时，在react原生IOS应用程序的WebView中没有显示更新的内容。当我使用浏览器直接访问该URL时，我看到HTML已更新。看起来它在手机里的某个地方。如何避免缓存？只有当我使用模拟器的“重置<em
浏览 72提问于2017-01-23得票数 1
回答已采纳
我已经创建了一个react原生应用程序，其中一个屏幕是一个WebView表单，按下一个按钮将打开一个定制的Modal，该Modal的内容是另一个WebView，从而允许用户离开表单并返回到该表单，而不必重新开始填写表单当你关闭这个Modal时，iOS上的一切都能正常工作，但在安卓系统上，当你关闭Modal时，底层的WebView要么变成空白屏幕，要么冻结。我怀疑这
浏览 0提问于2018-09-21得票数 1
在Webview道具中，我将scalesPageToFit道具设置为false。在android中，我可以很好地查看webview。但在IOS上，我可以看到桌面显示的get视图，因为IOS不支持这个支柱。我尝试添加属性contentMode={'mobile'}，但没有更改。有没有其他的道具可以做这项工作，或者还有什么其他的东西可以帮助？环境：
0.63.4react-nativ
浏览 12提问于2021-03-03得票数 1
看看Facebook的iOS应用程序，你可以看到，在提要中(例如)，点击评论将弹出一个本机iOS对话框，就像点击一张照片一样，也会弹出一个本机iOS屏幕。或者点击评论将会加载一个不同的iOS屏幕。我正在开发一个混合的iOS应用程序(html5 + obj-c)，我喜欢这种功能。我查过了：
但不知道哪一个最合适。例如，phonegap非常流行，但不确定这种实现方式(“本地桥”)是否可行。即使是这样，如果它需要我处理一个主要的<
浏览 0提问于2012-04-04得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
