【问题标题】:How can I check if my website appears correctly in mobil devices? [closed]如何检查我的网站在移动设备中是否正确显示? [关闭]
【发布时间】:2015-07-14 10:47:26
【问题描述】:
我正在学习网页设计,我可以在 Windows 桌面上制作基本的网站。我的问题是,如果它在其他设备(如 Android 或 iPhone)中正确显示,我如何检查该网站。我想从设备上的网站目录中查看它,而不是从“html://www.example.com”中查看。我暂时不想买域名,因为,我想先学习网页设计。另外,我没有 iPhone,我不知道该怎么办。我如何从移动设备或平板电脑上查看我的网站,即使我没有它?
【问题讨论】:
标签:
android
html
iphone
mobile
web
【解决方案1】:
您有几个选择。您可以使用 chrome,打开开发者工具,然后单击左上角的小设备图标。从那里您可以调整浏览器的大小以查看站点的符合情况。他们也有流行设备的预设。
另一种选择是在设备本身上查看它。最简单的方法是使用简单的本地 http 服务器在您的计算机上本地提供文件。像节点的 http-server 这样的东西是一个非常简单的解决方案。您可以将您的计算机和手机连接到同一个 wifi……然后从项目的根目录运行服务器。然后从您的手机,通过在您正在测试的设备的地址栏中输入您的计算机本地 IP 地址来访问该网站。
【解决方案3】:
使用 Google 创建的这个工具。它还将向您显示手机上的外观预览。 LINK