如何在iPhone手机上本地测试网站页面的响应性

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

How to test responsiveness of a website page locally on iphone mobile

问题

我正在开发一个页面,尝试使其在移动设备上具有响应性。在安卓手机上一切正常,但在iPhone上打开时,它会隐藏在按钮或空间下面。我还尝试在iPhone上本地测试该页面,使用IPv4地址通过ipconfig,但出现CORS错误。有没有一种方法可以在iPhone上本地测试页面的响应性。

英文:

I am working on a page and trying to make it mobile responsive. It's working fine in Android phones but when I am opening in iphone it hides below Buttons or space. I also tried to test that page locally on iphone using ipconfig using IPv4 Address but getting CORS error. Is there a way I can test the responsiveness of a page in Iphone locally.

答案1

得分: 2

你可以在响应式模式下打开开发者控制台,并模拟各种屏幕宽度。这在大多数现代浏览器上都有效。请查阅您选择的浏览器的在线文档,以获取有关如何在特定浏览器上执行此操作的具体说明。

这种方法并不总是100%准确,但通常会非常接近。

您还可以下载要测试的移动平台的模拟器,并在计算机上运行。这些模拟器在展示手机将体验的确切行为方面非常准确。

英文:

You can open your developer console in responsive mode and simulate various screen widths there. This works on most modern browsers. Consult your browser of choice's online documentation for specific instructions on how to do this for that particular browser.

This methodology is not always 100% accurate but it usually gets very close.

You can also download a simulator of the mobile platform you are testing and run on your computer. These simulators are very accurate as far as showing you the exact behavior that the phone will experience.

答案2

得分: 0

https://www.browserstack.com/
https://saucelabs.com/

这些工具可以帮助测试云端真实设备中的本地/在线网址。

英文:

https://www.browserstack.com/
https://saucelabs.com/

These Tools can help to test local/live URLs in cloud based real devices.

huangapple
  • 本文由 发表于 2023年6月13日 09:49:21
  • 转载请务必保留本文链接:https://go.coder-hub.com/76461250.html
匿名

发表评论

匿名网友

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

确定