如何调试移动网站不工作，和/或为safari浏览器添加javascript polyfill？

我不是100%确定我应该问的问题，所以这里是我想要做的

概述：

我正在测试一个我用html5/css3制作的网站，它是在一个带有safari浏览器的旧iPodtouch第四代上。它在那个设备上不工作，所以我想我需要一个polyfill或者其他东西来调试它，这样我就可以看到发生了什么。但我可以访问其他现代网站，它们运行良好，比如youtube桌面版。ipod已经很久没有支持/更新了，它是iOS 6.1.6，据我所知，它仍然使用html4，而不是5。为什么？因为html5是在2014年10月作为w3c reccomendation发布的（或者维基百科是这么说的），而iOS 6.1.6是在2014年2月发布的（因此我认为它仍然可能使用html4）

我遇到的问题：

当我在该设备上访问时，唯一显示的是背景颜色，以及

中的svg图像，该图像的css设置为

背景图像：url（img vid/some_svg.svg）。没有别的东西出现。没有
，没有，甚至没有常规的
或
/etc
标记，而且许多标记甚至没有嵌套在任何html5标记中。更奇怪的是，带有图像的div位于html代码的最底部，就在
的正上方

我的尝试：

我尝试使用下面的css技巧，希望能够看到这些元素以块而不是内联方式呈现。但这也不起作用：

header, section, footer, aside, nav, main, article, figure { display: block; }

如果我用沃尔玛（walmart）20美元的廉价智能手机和chrome浏览器查看该网站，它可以完美地处理所有@media查询。一切都是完美的。但在使用safari浏览器的旧款iPodtouch上则不然

结束语：

是否有一些测试，我可以运行，看看什么是我需要使它工作？我需要补牙吗？是否有任何调试工具用于此？有人知道如何添加多边形填充吗？我的ipod touch刚刚被窃听了吗？？？。
您可以尝试调试它，如下所述：

这允许您检查呈现的元素以及查看开发人员控制台