如何查看移动网站 Brave 电脑浏览器?

您有没有想过特定网站在移动设备上的外观? 通常情况下,人们不会在这些琐碎的事情上投入太多。 但是,这对某些人很重要,例如 Web 开发人员。 Web 开发人员可以查看网站在移动设备上的外观以确保其功能。

博客所有者、拥有网站的商务人士或 Web 开发人员必须注意其网站在多种设备上的外观和工作方式。 它包括确保网站也可以在移动设备上运行。

但是,任何人都可以通过浏览器访问移动网站。 用户还可以访问移动版网站 Brave 浏览器。 该浏览器是以隐私为中心的浏览器,速度也很快。

在本文中,我将讨论如何在 Brave 浏览器。 虽然这个过程听起来令人生畏,但实际上它非常简单。

让我们看看如何在 Brave 浏览器。 您可以按照以下步骤使用开发人员工具查看移动网站。

移动网站布局 Brave

如今,大多数现代网站都是响应式的,这意味着它们会根据设备的屏幕分辨率大小进行调整。 这 Brave 浏览器提供了在桌面浏览器上模仿移动分辨率的开发人员工具。

以下是启用移动网站视图的步骤 Brave 电脑浏览器

  1. 发射 Brave 电脑上的浏览器。
  2. 打开网站 您想在移动网站上查看。
  3. 右键单击上下文菜单的页面并选择 on 检查 选项。
    它将启用开发者模式并启动开发者工具窗口。
  4. 点击 切换设备工具栏 按钮。

    启用后会变成蓝色。
  5. 选择 设备型号 从下拉列表中进行模拟。

浏览器将显示网站的移动版本。 屏幕截图显示了该网站在 iPhone XR 上的外观。 要模仿的 iOS 和 Android 设备列表 方面 菜单将帮助选择适合测试的分辨率。

在中选择要仿真的设备型号 Brave

你可以 close 完成后返回到原始视图的开发人员工具窗格。

关闭开发者工具窗口 Brave 电脑浏览器

您可以使用键盘快捷键直接访问开发者工具。 您也可以同时按下 Ctrl/命令 + 转移 + 访问开发人员工具的密钥。

另一种选择是使用 开发者工具 在下面 更多工具 菜单来自 更多的 菜单选项。 完成调试后,退出开发人员工具窗格以 close 移动网站布局并使其恢复正常。

更多工具中的开发者工具菜单 Brave 电脑浏览器

底线: Brave 计算机 移动站点视图

因此,无论您是谁,都可以使用 Brave 浏览器。 在浏览器中检查网页在移动设备上的外观非常简单。

无论您是 Web 开发人员还是博客所有者,想知道网站如何在移动设备上运行,您都必须确保该网站在所有设备上都能完美运行。

您可以查看移动网站在多个移动设备上的外观和运行方式 Brave 浏览器。 您可以选择要查看网站的设备的变体,然后您将能够看到移动网站。 您可以在移动网站上查看 Brave 在开发者工具的帮助下浏览器。

因此,您不必考虑网站的移动版本的外观,因为您可以自己看到它。 您可以在移动网站上查看 Brave 使用开发者工具的浏览器。