php - 如何在 XAMPP 上测试响应式网页设计？

Question

有谁知道是否有办法在 XAMPP 等本地开发环境中测试响应式网页设计？我已经购买了几个响应式主题并在 XAMPP 上本地设置了它们，但我还没有找到一种方法来测试它并确保它们在所有设备上都能正常工作。

谢谢

score 5 · Accepted Answer

您可以使用这些站点来测试您的设计。这些站点将允许您根据特定设备的大小调整浏览器的大小，并允许您在其中浏览您的站点。

score 3 · Accepted Answer

弗里特科特是对的。这是我在mac上所做的：

等等瞧！

可能听起来很傻，但我也在努力寻找一种简单的方法来测试本地的响应式设计，所以我希望这会对某人有所帮助。当然它仅限于 Chrome，但这是一个开始！

score 1 · Accepted Answer

有一个名为ish的视口调整大小工具。你可以在 gitHub 上找到它。下载它并将提取的文件夹放在您的 localhost/htdocs 中。然后从您的浏览器调用它（例如 localhost/ish）。在 url 框（页面左上角）中，将 URL 放入您要检查的本地主机上的站点。

是的。是另一个视口大小调整工具。它被称为“ish”。因为它专注于一般范围（小型。中型。大型。），而不是流行的设备宽度。

score 0 · Accepted Answer

尝试调整浏览器的大小。如果您的网站发生变化，它是响应式的。

如果您想在移动设备（例如手机或平板电脑）上对其进行测试。您必须将其上传到服务器或设置具有 Internet 访问权限的本地服务器（也许它仅适用于移动浏览器中的 192.168.1.1 IP 地址）。

score 0 · Accepted Answer

这是一个测试响应性的小工具，专门用于测试 Bootstrap 断点：

享受：）

5 回答 5