如何在 Mac 电脑上的 Safari 浏览器中查看移动网站？

您想在 macOS 计算机上的 Safari 浏览器上以移动视图加载桌面站点吗？我们为您提供保障。以下是有关如何在 safari 上启用移动站点查看选项的详细步骤。

当 Web 开发人员和设计人员想要在不同的屏幕尺寸上验证新站点的外观和感觉时，通常会使用此选项。当您在 Safari 桌面浏览器上加载网站时，将加载完整的桌面体验。但是，要切换到移动站点，您可以减小屏幕尺寸或启用响应式设计模式。

类似的选项也可用于 chrome 开发人员工具，您可以在其中切换设备设置以在响应式和普通桌面视图之间切换。

有关的： 如何在 Safari iOS/iPadOS 上请求和查看桌面站点？

因为我有自己的个人博客，用来发布各种东西，所以我一定要检查它在不同设备上的外观和感觉。它让我更好地了解我的读者如何看待它。我开始寻找在我的 Mac 上的 safari 移动视图中查看我的网站的方法和方法，最后，我找到了出路。

如前所述，safari 中的移动视图将有助于交叉检查网站体验，而无需在 iPhone 上使用 Safari。只需启用开发菜单并启动响应式设计模式。

内容

如何在 Safari macOS 中启用开发菜单？

我们需要启用开发菜单来查看响应式站点选项。开发的菜单默认是隐藏的，但您可以轻松启用它。

以下是在 Mac 计算机上启用 Safari 浏览器中的开发菜单栏的步骤：

这将使发展 Safari 浏览器菜单栏列表中的菜单。

没有独立的选项可以帮助我们实现移动响应式网页设计。但是，该选项隐藏在“开发”菜单下。它将帮助您在 Safari 浏览器 mac 中显示移动视图。

以下是在 Safari macOS 中查看移动响应式网页设计的步骤：

这将重新加载网站并进入响应式设计模式。在这里，您可以根据需要选择不同的设备类型和屏幕分辨率。

只需在页面上列出的 iPhone 或 iPad 型号之间切换，即可在 safari 计算机浏览器上查看移动网站。

这将使我们能够在 macOS 计算机上的 safari 浏览器上查看移动响应站点。移动网站将基于响应式设计模式中选择的模型。

我可以在任何我想要的 iPhone 或 iPad 型号上查看我的网站。这有助于我更好地了解我的读者以及他们在阅读时如何看待我的博客。总而言之，Safari 移动视图是一个了不起的功能！

同样，您也可以在 iPhone 或 iPad 设备上启用桌面站点视图。这将有助于在小屏幕设备上检索完整的桌面体验。

你有没有试过在 safari 中使用开发者模式？您对此功能有何看法？

现在，让我们来看看有关如何在 Safari macOS 中查看移动网站的常见问题。

如何在 Safari macOS 中启用开发菜单？

从 Safari 浏览器的菜单选项中单击 Safari 选项卡，然后选择首选项。现在，切换到高级选项卡并启用复选框 在菜单栏中显示开发菜单.

如何在 Safari macOS 中查看移动响应站点？

首先在移动响应视图中打开您要查看的站点，然后从栏中的菜单选项中单击“开发”选项卡。现在，选择 Enter 响应式设计。

如何禁用 Safari macOS 中的开发菜单？

从 Safari 浏览器的菜单选项中单击 Safari 选项卡，然后选择首选项。现在，切换到高级选项卡并禁用复选框 在菜单栏中显示开发菜单.