Mobile 如何在多个屏幕大小上查看我的网站？

好的，我知道如何为多个屏幕大小编写代码。但是，在我的网站上线之前，我不知道如何在移动设备上查看我的代码。请帮忙

您可以使用模拟器来模拟各种蜂窝设备。例如，可以使用名为Bluestack的程序下载这些内容。

您可以使用模拟器来模拟各种蜂窝设备。例如，可以使用一个名为Bluestacks的程序下载这些文件。

如果你有Google Chrome，你可以打开一个网站，然后按F12键（在windows上）进入开发者模式

在左上角你可以看到一个小的智能手机图标

单击它并选择一个设备。然后刷新页面

Chrome将直接从你的电脑上模拟智能手机用户的体验，所以你可以在那里进行测试

这是emulator上此问题的视图：

---

如果你有谷歌浏览器，你可以打开一个网站，然后按F12键（在windows上）进入开发者模式

在左上角你可以看到一个小的智能手机图标

单击它并选择一个设备。然后刷新页面

Chrome将直接从你的电脑上模拟智能手机用户的体验，所以你可以在那里进行测试

这是emulator上此问题的视图：

---

如果您使用safari，以下是解决方案

使用Safari>首选项>高级启用“开发”菜单栏。您的菜单栏应如下所示：

访问您的网站

转到开发>用户代理并选择要模拟的设备/浏览器

---

如果您使用safari，以下是解决方案

使用Safari>首选项>高级启用“开发”菜单栏。您的菜单栏应如下所示：

访问您的网站

转到开发>用户代理并选择要模拟的设备/浏览器

你有两个选择

模拟器的使用

您需要的是任何现代浏览器。几乎每个现代浏览器都会提供大致相似的模拟器功能，您可以在其中选择目标设备/分辨率@intboolstring&@Pither已经为您提到了safari和chrome选项。IE&Edge具有类似的功能（您可以自己探索或查看此链接）

使用实际设备

你需要什么-1）无线路由器2）你的开发机器/笔记本电脑，它有一个web服务器（如windows上的IIS）和3）一些移动设备（我假设你至少有一个智能手机，上面有一个移动浏览器）

您需要将您的开发机器/laotop&您的设备连接到无线网络，并在您的开发机器上设置防火墙，以允许在本地无线网络上访问您的网站

完成此操作后，您应该能够通过连接移动浏览器将站点加载到无线连接的任何设备上

（若要查找计算机的ipv4地址，请转到命令提示符，键入ipconfig并按enter键-我假设您使用的是windows）

您可能会将测试限制在一组更小的设备（您可以访问的设备）上。但这将给你一个真实世界的想法（如果不是更好的话），你的网站如何呈现和设备上的行为

您有两个选择

模拟器的使用

您需要的是任何现代浏览器。几乎每个现代浏览器都会提供大致相似的模拟器功能，您可以在其中选择目标设备/分辨率@intboolstring&@Pither已经为您提到了safari和chrome选项。IE&Edge具有类似的功能（您可以自己探索或查看此链接）

使用实际设备

你需要什么-1）无线路由器2）你的开发机器/笔记本电脑，它有一个web服务器（如windows上的IIS）和3）一些移动设备（我假设你至少有一个智能手机，上面有一个移动浏览器）

您需要将您的开发机器/laotop&您的设备连接到无线网络，并在您的开发机器上设置防火墙，以允许在本地无线网络上访问您的网站

完成此操作后，您应该能够通过连接移动浏览器将站点加载到无线连接的任何设备上

（若要查找计算机的ipv4地址，请转到命令提示符，键入ipconfig并按enter键-我假设您使用的是windows）

---

您可能会将测试限制在一组更小的设备（您可以访问的设备）上。但这将给你一个真实世界的想法（如果不是更好的话），你的网站如何呈现和设备上的行为

嘿@KeeganBrown，如果一个答案有助于解决您的具体问题，我会将其标记为已接受。否则，如果它仍然有用，我会投赞成票。嘿@KeeganBrown，如果一个答案有助于解决你的具体问题，我会将其标记为接受。否则，如果它仍然有用的话，我会投弃权票。