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