如何检查我的网站是否在mobil设备中正确显示?

时间:2015-05-04 21:41:54

标签: android html iphone mobile web

我正在学习网页设计,我可以在Windows桌面上制作基本网站。我的问题是,如果它在Android或iPhone等其他设备上正确显示,我该如何检查这个网站。我希望从设备上的网站目录中看到它,而不是来自" html://www.example.com"。我现在不想购买域名,因为我想先学习网页设计。另外,我没有iPhone,我也不知道该怎么做。如何通过移动设备或平板电脑查看我的网站,即使我不拥有它?

3 个答案:

答案 0 :(得分:1)

你有几个选择。您可以使用chrome,打开开发人员工具,然后单击左上角的小设备图标。从那里,您可以调整浏览器的大小以查看网站的符合性。他们还有流行设备的预设。

另一种选择是在设备上查看它。最简单的方法是使用简单的本地http服务器在计算机上本地提供文件。像节点的http-server这样的东西是一个非常简单的解决方案。您可以将计算机和手机连接到同一个wifi ...然后从项目的根目录运行服务器。然后,从您的手机,通过在您正在测试的设备的地址栏中键入您的计算机本地IP地址来访问该网站。

答案 1 :(得分:0)

您可以使用移动测试工具,例如

https://www.google.com/webmasters/tools/mobile-friendly/

答案 2 :(得分:0)

使用Google创建的此工具。它还会显示手机外观的预览。 LINK