Layout Inspector平替跨平台布局分析器のAppium Inspector

引言

因为我有一个api为26的设备，因为 Layout Inspector 无法在 API 26 以下设备上使用，并且现在AS的 Hierarchy Viewer 和Android Device Monitor 均已经在SDK中剔除，故想再搜一个pc版的布局查看器，发现Appium Inspector学习成本较高，过程比较艰难，没有好的中文教程，gtp回复也不尽人意，故做下记录。

引路篇⭐⭐⭐⭐⭐

https://appium.github.io/appium-inspector/latest/quickstart/installation/

安装加启动

安装appium 并且下载驱动Android 和 UiAutomator2 这样环境就算准备好了

C:\Users\mmq>npm install -g appium
npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
npm warn deprecated lodash.get@4.4.2: This package is deprecated. Use the optional chaining (?.) operator instead.
npm warn deprecated rimraf@2.4.5: Rimraf versions prior to v4 are no longer supported
npm warn deprecated glob@6.0.4: Glob versions prior to v9 are no longer supported

changed 390 packages in 8s

61 packages are looking for funding
  run `npm fund` for details

C:\Users\mmq>appium driver install uiautomator2
Error: × A driver named "uiautomator2" is already installed. Did you mean to update? Run "appium driver update". See installed drivers with "appium driver list --installed".

C:\Users\mmq>appium driver list --installed
√ Listing installed drivers
- uiautomator2@4.1.5 [installed (npm)]

C:\Users\mmq>appium plugin install --source=npm appium-inspector-plugin
√ Checking if 'appium-inspector-plugin' is compatible
√ Installing 'appium-inspector-plugin'
Error: × A plugin named "inspector" is already installed. Did you mean to update? Run "appium plugin update". See installed plugins with "appium plugin list --installed".

C:\Users\mmq>appium --use-plugins=inspector --allow-cors
[Appium] Attempting to load plugin inspector...
[Appium] Requiring plugin at C:\Users\mmq\.appium\node_modules\appium-inspector-plugin\index.mjs
[Appium] AppiumInspectorPlugin has been successfully loaded in 0.618s
[Appium] Welcome to Appium v2.17.1
[Appium] Non-default server args:
[Appium] {
  allowCors: true,
  usePlugins: [
    'inspector'
  ]
}
[Appium] The autodetected Appium home path: C:\Users\mmq\.appium
[Appium] Attempting to load driver uiautomator2...
[Appium] Requiring driver at C:\Users\mmq\.appium\node_modules\appium-uiautomator2-driver\build\index.js
[Appium] AndroidUiautomator2Driver has been successfully loaded in 0.860s
[Appium] You have enabled CORS requests from any host. Be careful not to visit sites which could maliciously try to start Appium sessions on your machine
[Appium] Appium REST http interface listener started on http://0.0.0.0:4723
[Appium] You can provide the following URLs in your client code to connect to this server:
        http://172.16.51.46:4723/
        http://192.168.137.1:4723/
        http://192.168.145.1:4723/
        http://127.0.0.1:4723/ (only accessible from the same host)
        http://172.28.240.1:4723/
[Appium] Available drivers:
[Appium]   - uiautomator2@4.1.5 (automationName 'UiAutomator2')
[Appium] Available plugins:
[Appium]   - inspector@2025.3.1 (ACTIVE)

杀进程

npm install --global kill-port 
kill-port --port 4723

下载客户端

https://github.com/appium/appium-inspector/releases/download/v2024.9.1/Appium-Inspector-2024.9.1-win-x64.exe
使用客户端或者http://localhost:4723/inspector访问即可

配置项

运行

PC端效果

web端效果

配置贴一下

{
  "platformName": "Android",
  "appium:automationName": "UiAutomator2"
}