跳到內容

Android 模擬器,在瀏覽器中流暢執行。

一道命令即可安裝。無需 Android Studio。

主畫面
即時示範

你的模擬器,在瀏覽器分頁中

選擇畫面或左右滑動。在你的 Mac 上,每次點擊和拖曳都會作用於真實的模擬器。

運作原理

三個程式,全在你的 Mac 上

閘道透過 gRPC 和共享記憶體從官方 Android 模擬器讀取畫面幀,並透過 127.0.0.1 上的 WebSocket 傳送到頁面。點擊、滑動和按鍵以相同路徑回傳。

  • 瀏覽器Chrome 或 Edge 分頁
  • 閘道android-emu-web 執行於 127.0.0.1
  • 模擬器官方 Android 模擬器
  • 畫面幀:原始 RGBA 經共享記憶體,再經 WebSocket 傳輸
  • 點擊、滑動和按鍵:WebSocket,再經 gRPC 傳輸
影格率中位數
60fps
點擊延遲 p50
20ms
點擊延遲 p90
30ms

在搭載 M4 的 Mac 上,使用 Pixel 5 API 34 虛擬裝置(1080×2340)於 Chrome 157 中測量,採用 rgba-mmap 幀傳輸方式,進行 16 次連續滑動和 30 次點擊。實際數值取決於你的 Mac、裝置和瀏覽器。 實測效能

功能介紹

模擬器視窗中的一切功能,觸手可及

為什麼使用它

可供核實的事實

  1. 127.0.0.1

    畫面留在你的 Mac 上

    閘道僅監聽回送位址。其他電腦無法存取它,也不會有任何畫面幀經過網際網路傳輸。

    安全性
  2. SDK

    官方 Android 模擬器

    它執行 Google 的模擬器和來自 Android SDK 的系統映像,與 Android Studio 使用的完全相同。如果你已有 SDK,閘道會直接使用它。

    前置需求
  3. 1.24×

    CPU 使用量接近 scrcpy

    在搭載 M4 的 Mac 上(Pixel 5 API 34 虛擬裝置,1080×2340,Chrome 157,rgba-mmap 傳輸)進行 16 次連續滑動期間,模擬器、閘道和 Chrome 合計使用了 257% CPU。scrcpy 在相同條件下使用了 208%。

    實測效能
  4. MIT

    開放原始碼

    閘道和頁面的每一行程式碼都在 GitHub 上,遵循 MIT 授權條款。

    github.com/twosugar/android-emu-web
比較

與其他查看模擬器方式的差異

僅列可供核實的差異。每種工具都有其擅長之處。

問題android-emu-webAndroid Studio 模擬器scrcpy雲端模擬器(如 Appetize)
Android 在哪裡執行你 Mac 上的官方模擬器你 Mac 上的官方模擬器你連接的裝置或模擬器供應商的伺服器
在哪裡查看Chrome 或 Edge 分頁Android Studio 的執行裝置視窗,或模擬器自身視窗桌面應用程式視窗瀏覽器分頁
需要 Android Studio不需要;需要閘道、模擬器和系統映像需要(用於執行裝置檢視)不需要不需要
畫面如何傳輸原始 RGBA 幀經 127.0.0.1 傳輸模擬器視窗或 Android Studio,均在你的 Mac 上H.264 影片影片經網際網路傳輸
價格免費,MIT 授權條款免費免費,Apache-2.0 授權條款付費方案
快速開始

三步看到第一幀畫面

  1. 檢查你的 Mac

    需要 Apple Silicon Mac、Chrome 或 Edge,以及含有 arm64 系統映像的 Android 模擬器。

    前置需求
  2. 安裝閘道

    在終端機中執行以下命令。它會將單一可執行檔儲存到 ~/.local/bin。

    curl -fsSL https://droid.devpier.dev/install.sh | sh

    安裝指南
  3. 啟動它

    執行 android-emu-web。它會在瀏覽器中開啟頁面,並顯示正在執行的模擬器。

    首次執行