Aurorum-Studio / flarum-better-iframe

This project is an extension of flarum. This extension allows users to add iframe into their posts.
MIT License
5 stars 1 forks source link

大佬你应该能看懂中文吧,插入iframe标签,电脑上能正确显示,但是手机safari上不显示 #4

Open hcllmsx opened 1 month ago

hcllmsx commented 1 month ago

比如说这个

Aurorum-Studio commented 1 month ago

呃呃,首先,src里面的内容是需要协议名称的,比如你给我的这段代码我直接新建一个HTML文件也是什么都不会显示的,但是修改为 <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=26620017&auto=0&height=66"></iframe> 就可以正常显示

如果这不能解决问题,emm,我可能需要更多信息(比如截屏,实际使用到的代码)才能提供解决方案啦,按照mozilla mdn里写的浏览器的元素支持,safari应该可以支持iframe的所有attributes的🤣

如果我的这条信息帮助到或者没能成功帮助到你,记得反馈给我哦🦊

hcllmsx commented 1 month ago

我录了个视频 https://github.com/user-attachments/assets/2137bc1c-17fb-4fb3-88b3-7a96811376e3

我的测试网址是:https://bbs.ihcll.cn/d/17-fa-yi-ge-yin-le-tie-iframebiao-qian-ce-shi

Aurorum-Studio commented 1 month ago

我用各种设备测试过了,我的电脑和安卓设备都能正常看见内容,但是苹果safari确实看不见iframe的内容,我测试的机型是iphone 6s, 然后,emm, 我不太了解iphone怎么运行,所以你能自己测试一下,就是创建一个空白的HTML文件,不管是在你的服务器上还是本地上都行,在里面只写入这段iframe代码,然后使用iPhone设备访问这个HTML页面看看能不能正常显示🤣

因为在Mozilla的网页规范文档 里说Safari是能使用iframe的全部功能的。 这个bug就很奇怪,我需要搞清楚这是Safari对于任何一个iframe应用的会出现的问题还是只在Flarum中使用Iframe会出现问题,记得告诉我用我上面说的方法的测试结果哦🦜


510e650e8d1653a84d863ba5fbe936a

hcllmsx commented 1 month ago
这个是纯静态页面,也只插入了这个iframe标签,https://formsxtest.pages.dev 但是依然,切换到手机端之后,不能显示。 我这边具体如下: **** ios android
safari 只有请求桌面端才能打开 /
edge 请求桌面端都不显示 只有请求桌面端才能打开
夸克 只有请求桌面端才能打开 都能打开

我也只会这样测试了,我是个小菜鸟......

Aurorum-Studio commented 1 month ago

这好奇怪啊,你可能发现了浏览器iframe的bug,我需要去再查阅些文档才能给你准确的答复,我昨天(4号)太忙了,今天尽量看下哦,我会尽快回复你的哦😂

Aurorum-Studio commented 1 month ago

对了,你能告诉我你测试使用的机型/浏览器版本吗,我刚才在一份文档里看到说Safari的部分版本有一个bug会阻止Safari正常运行,然后我白天用电脑时写一段代码给你,你把放到空白HTML文件里再做一次测试试试呀😂

BTW,你想要添加下微信继续聊这个问题吗?🦊

hcllmsx commented 1 month ago

佬,你真客气。又强又暖的佬,不多见啊!👍 VX 当然可以,正好能像你学习。我这个用户名就是,你加我呗