如何在手机中查看我的网站布局？

Question

我已经在我的PC中开发了一个网站，并且在笔记本电脑中布局也不错 但是在托管之前，我想查看其手机的访问布局。 请帮助我。谢谢。

Answer 1

您可以使用已经在网络浏览器中内置的开发人员工具。

https://developers.google.com/web/tools/chrome-devtools/device-mode/

https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode

如果您真的希望它在实际的移动设备上进行测试，请使用移动设备和笔记本电脑之间的热点创建无线连接。现在，您的PC和移动设备将获得用于此无线连接的专用IP地址。

检查您的PC IP地址是否有此连接，并将您的Web服务器配置为侦听该IP地址。

现在，您可以使用该IP作为url在移动设备上访问网站，并可以检查网站布局。

Answer 2

您可以尝试使用Google Chrome浏览器，

• 打开Developer Tools
• 选择Toggle Device Toolbar
• 从工具栏中选择要模拟的设备。

Answer 3

您是在本地运行Web服务器，还是只是编辑HTML文件并在浏览器中查看它们？

如果您只是在浏览器中打开HTML文件，请在计算机上运行本地Web服务器，例如http-server。

https://www.npmjs.com/package/http-server

如果您在本地运行Web服务器，那么如果您位于同一网络上，那么您的电话应该能够命中相同的测试网址。