我不确定我应该问的问题是什么,所以这就是我想要做的...
概述:
我正在使用safari浏览器测试我在html5 / css3旧ipod touch第四代上创建的网站。它在该设备上不起作用,所以我想我需要一个polyfill或一些东西来调试它,以便可以看到发生了什么。但是我可以访问其他现代网站,并且它们工作正常,例如youtube桌面版。 ipod很长时间没有支持/更新了,它是iOS 6.1.6,据我所知它仍然使用html4,而不是5。为什么?因为html5是2014年10月的w3c推荐版本发布的(或者维基百科说是这样),而iOS 6.1.6则是2014年2月发布的(因此我认为它可能仍会使用html4)。
我遇到的问题:
当我在该设备上访问时,唯一显示的是背景色和<div>
内的svg图像,其css设置为background-image: url(img-vid/some_svg.svg);
。没有其他显示。没有<nav>
,什么也没有,甚至没有常规<p>
或<h1>/etc
标记,而且其中许多标记甚至都没有嵌套在任何html5标记中。甚至更奇怪的是,其中包含图像的div位于html代码的最底部,位于</body>
的正上方。
我尝试过的事情:
我尝试使用以下CSS技巧来希望能够将那些元素呈现为块而不是内联。但这也不起作用:
header, section, footer, aside, nav, main, article, figure { display: block; }
如果我使用chrome浏览器在walmart的廉价20美元智能手机上检查该网站,则该网站可以完美地与所有@media查询一起使用。一切都完美无瑕。 Safari浏览器无法使用较旧的ipod touch。
闭幕声明:
我是否可以运行一些测试以查看使它正常运行需要什么?我需要保鲜纸吗?是否有任何调试工具?有人知道如何添加polyfill吗?我的ipod touch刚刚被窃听了吗??
答案 0 :(得分:0)
您可以按照此处的说明尝试对其进行调试:https://adao.co.uk/blog/inspect-element-on-safari-on-iphone-mobile/
这使您可以检查渲染的元素以及查看开发者控制台。