iPhone上的带有脚本的iframe的网页不工作

huangapple go评论78阅读模式
英文:

Web page with scripted iframes not working on iPhone

问题

我有一个基于iframes的网页,在Android、Windows和Linux上运行正常。我无法在iPhone或MacOS上测试它,但有人报告说它在iPhone上无法正常工作。

该页面在这里:https://fractarchy.github.io/fractarchy-cms/

如果有人能帮助我解决这个问题,或者为我提供来自Safari开发者控制台的报告,我将不胜感激,这样我就可以制定下一步计划。

我仍然没有关于iPhone上发生了什么的数据,我只知道"它无法正常工作"(可能在MacOS上也无法正常工作)。

在所有其他测试过的平台上,您应该能够看到这个网页:

iPhone上的带有脚本的iframe的网页不工作

英文:

I have a web page based on iframes, working on Android, Windows, and Linux. I can't test it on iPhone or MacOS, but people reported it doesn't work on iPhone.

The page is here: https://fractarchy.github.io/fractarchy-cms/

I'd appreciate if someone could help me working this out, or maybe to get me a report from Safari Developer Console, so I can draw my next moves.

I still have no data on what's happening on iPhone, I only know "it is not working" (probably not working on MacOS too).

On all other tested platforms, you should see this web page:

iPhone上的带有脚本的iframe的网页不工作

答案1

得分: 1

在iPod上完成的测试

所以我在iPod上测试了你的网站,看起来和电脑版本一样。有一些问题,包括初始大气泡上的文本溢出,较小气泡上的文本未显示以及拖动功能无法正常工作。我相信在iPhone上,如果你在屏幕上长按几秒钟,它会放大。我想这就是这里发生的情况。

希望这有所帮助。

英文:

TEST COMPLETED ON IPOD

So I tested your website on an iPod and it looks like the computer version. Their are a few issues including the text overflowing on the initial big bubble, the text not appearing on the smaller bubbles and the dragging function not working. I believe that on iPhones, if you hold a spot on your screen for a few seconds, it zooms in. I think that's what's happening here.

Hope this helps.

答案2

得分: 0

我在渲染内容时使用了很多剪切,但偶尔在Safari浏览器上会出现剪切的bug。解决方法是将被剪切的元素包裹在一个<div>元素中,然后剪切该父<div>元素。

英文:

I use a lot of clipping in rendering the contents, but it happens that Safari browser has a bug with clipping. The solution is to wrap clipped element within a &lt;div&gt; and to clip that parent &lt;div&gt; element.

huangapple
  • 本文由 发表于 2023年1月9日 04:04:46
  • 转载请务必保留本文链接:https://go.coder-hub.com/75050895.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定