如何渲染网站就像在iPhone上一样？

Question

我正在尝试调试网站的显示问题，但我只能在iPhone上查看网站时重现该错误。我尝试将Safari中的用户代理更改为iPhone，但在模拟iPhone的Safari上查看时不会再现该错误。

这两个不应该相同吗？我错过了什么吗？

在一天结束时，我只想重现该错误，然后使用开发人员工具查看导致错误的原因。在桌面环境中是否有可靠的方式呈现网站，就像在移动设备上一样，以便可以使用开发人员工具？

Answer 1

如果您使用的是Mac，可以使用Xcode通过iOS模拟器和Safari的组合来调试iPhone或iPad。

像往常一样打开iOS模拟器，现在在开发菜单下的Safari（在Mac上，而不是在模拟器中）中，您可以选择将调试工具指向iOS模拟屏幕。

然后，您可以使用Safari调试工具进行调试。

Answer 2

单独的用户代理不可能对网站的呈现产生很大的影响。 Safari是必需的吗？ Chrome包含一个用于模拟屏幕大小和用户代理的工具，因此如果问题是由于布局限制，这可能会帮助您重现它。