Php 如何在XAMPP上测试响应性Web设计?

Php 如何在XAMPP上测试响应性Web设计?,php,testing,responsive-design,xampp,device,Php,Testing,Responsive Design,Xampp,Device,有人知道是否有一种方法可以在本地开发环境(如XAMPP)上测试响应性web设计吗?我已经购买了一些响应性主题,并在XAMPP上本地设置了它们,但我还没有找到一种方法来测试它们,并确保它们在所有设备上都能工作 谢谢尝试调整浏览器的大小。如果你的网站发生了变化,它就会响应 如果您想在移动设备(如手机或平板电脑)上进行测试。您必须将其上载到服务器或设置一个可访问internet的本地服务器(可能仅适用于移动浏览器中的192.168.1.1 ip地址)。您可以使用这些站点来测试您的设计。这些站点允许您根

有人知道是否有一种方法可以在本地开发环境(如XAMPP)上测试响应性web设计吗?我已经购买了一些响应性主题,并在XAMPP上本地设置了它们,但我还没有找到一种方法来测试它们,并确保它们在所有设备上都能工作


谢谢

尝试调整浏览器的大小。如果你的网站发生了变化,它就会响应


如果您想在移动设备(如手机或平板电脑)上进行测试。您必须将其上载到服务器或设置一个可访问internet的本地服务器(可能仅适用于移动浏览器中的192.168.1.1 ip地址)。

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


  • 弗里特科特是对的。下面是我在mac上所做的:

    • 在Chrome中安装Resizer扩展
    • 启动MAMP
    • 启动chrome,打开我的本地页面(localhost:8888/页面路径)
    • 单击大小调整器扩展图标


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

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


    伊什。是另一个调整视口大小的工具。它被称为“ish”。因为它关注一般范围(小ish.中ish.大ish.),而不是流行的设备宽度。

    这里有一个测试响应度的小工具,专门用于测试引导断点:


    享受:)

    您是否尝试过调整浏览器的大小?如何调整浏览器的大小?谢谢,我尝试过Responsiator,但是如果主题/文件上传到web上。您知道我可以使用哪些解决方案在本地计算机上进行测试吗?您可以使用相同的解决方案,只需输入您的本地地址,例如: