如何在 Brave Computer Browser 中查看移動網站?

你有沒有想過特定網站在移動設備上的樣子? 一般來說,人們不會太重視這些瑣碎的事情。 但是,它對某些人很重要,例如 Web 開發人員。 Web 開發人員可以查看網站在移動設備上的外觀以確保其功能。

博客所有者、擁有網站的商務人士或 Web 開發人員應注意他們的網站在多種設備上的外觀和工作方式。 它包括確保該網站也可以在移動設備上運行。

但是,任何人都可以在瀏覽器中訪問移動網站。 用戶還可以在 Brave 瀏覽器中訪問網站的移動版本。 該瀏覽器是一款注重隱私的瀏覽器,速度也很快。

在本文中,我將討論如何在 Brave 瀏覽器中訪問網站的移動版本。 雖然這個過程聽起來令人生畏,但實際上非常簡單。

讓我們看看如何在 Brave 瀏覽器中查看移動網站。 您可以按照以下步驟使用開發人員工具查看移動網站。

Brave 中的移動網站設計

如今,大多數現代網站都是響應式的,這意味著它們會根據設備的屏幕分辨率大小進行調整。 Brave 瀏覽器提供了在桌面瀏覽器上模仿移動分辨率的開發人員工具。

以下是在 Brave 計算機瀏覽器上啟用移動站點視圖的步驟

  1. 勇敢的瀏覽器在您的計算機上。
  2. 打開網站想在手機網站上看到。
  3. 右鍵單擊上下文菜單的頁面並選擇 on檢查選項。
    它將啟用開發者模式並打開開發者工具窗口。
  4. 點擊切換設備工具欄按鈕。

    啟用時它將變為藍色。
  5. 選擇設備型號從下拉菜單中進行模擬。

瀏覽器將顯示網站的移動版本。 屏幕截圖顯示了該網站在 iPhone XR 上的外觀。 要模仿的 iOS 和 Android 設備列表方面菜單將幫助您為測試選擇正確的分辨率。

Seleccione el modelo de dispositivo para la emulación en Brave

完成後,您可以關閉開發人員工具面板以返回原始視圖。

Cierra la ventana Herramientas para desarrolladores en Brave Navegador de computadora

您可以使用鍵盤快捷鍵直接訪問開發者工具。 也可以同時按控制/命令+改變+訪問開發工具的密鑰。

另一種選擇是使用開發工具在下面更多工具的菜單菜單選項。 完成調試後,退出開發人員工具面板以關閉移動站點佈局並使其恢復正常。

Menú Herramientas de desarrollador en Más herramientas en Brave Navegador de computadora

底線:勇敢的移動計算機站點視圖

因此,無論您是誰,都可以使用 Brave 瀏覽器輕鬆訪問網頁的移動站點。 在瀏覽器中檢查網頁在移動設備上的外觀非常簡單。

無論您是 Web 開發人員還是只是想知道您的網站如何在移動設備上運行的博客所有者,您都需要確保您的網站在所有設備上都能完美運行。

您可以在 Brave 瀏覽器中查看移動網站在各種移動設備上的外觀和運行方式。 您可以選擇要在其上查看站點的設備的變體,然後您將能夠查看移動站點。 您可以藉助開發者工具在 Brave 瀏覽器中查看移動網站。

因此,您不必考慮網站的移動版本是什麼樣的,您可以親眼看到。 您可以使用開發者工具在 Brave 瀏覽器中查看移動網站。

相關文章