我已经获得了一个完整的网站,并要求修复一些错误。其中之一是它的一部分不会在iOS Safari上加载。我没有iOS机器,但是我在Windows Safari(5.x版)上试用了它,这也引起了问题。
该网站正在使用Timber框架。有一个微调器,该微调器应该会消失,并显示每个滑块包含2个列表元素的滑块。在Chrome和其他浏览器上可以正常工作,但在Safari上旋转器永远不会消失。它只是永久加载,根本不显示幻灯片。
它在Windows Safari上做一些不同的事情。加载程序消失,出现幻灯片,但是列表元素很小,并且其中没有文本。无论如何,我现在的观点是在iOS Safari上修复它。我仅使用Windows Safari,因为我没有iOS。
不允许在此处发布任何代码,但可以在Chrome检查器视图中向您显示样式。这是:
的样式element.style {
width: 1744px;
transition: opacity 900ms ease 0ms, -webkit-transform;
transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1);
opacity: 1;
transform-origin: 50% 50% 0px;
visibility: visible;
}
.tms-slides {
margin: 0;
padding: 0;
list-style: none;
position: relative;
height: 100%;
overflow: hidden;
}
还有更多,但我认为这是相关的部分。列表元素从ul元素继承element.style {}部分。我尝试遍历代码查找是否缺少任何Webkit,但未找到任何WebKit。我什至找不到设置element.style属性的内容,它们也不在CSS文件中。我相信这是timber.master.min.js,但是我那里的代码基本上是不可读的。我认为这也是创建加载程序的代码。
所以我的问题是:如何使加载程序消失并且幻灯片出现在Safari上?我对缺少实际的代码感到抱歉,但是如果有人能想到此问题的可能原因以及解决方法,我将不胜感激。