iOS-webview元素如何定位

一般情况下，在app中webview往往没法直接通过inspector工具来定位元素，所以本文将介绍两种iOS的webview的定位方式，轻松实现webview的定位。

【safari定位】

 1.  在设置中开启功能

【iPhone】：设置 → Safari → 高级 → Web 检查器 → 开

【Mac】：Safari → 偏好设置 → 高级 → 在菜单栏中显示“开发”菜单

2. 连接iPhone启用调试器

在Mac中启动 Safari 之后，以 USB正常接入 iPhone设备，并在此移动设备上启动 Safari。此时点击Mac上的 Safari 菜单中的“开发”，可以看到有 iPhone 设备的名称显示，其子菜单项即为移动设备上 Safari 的所有标签页，点击任意一个开始调试。（如图）

3. 定位元素，和web的定位类似，使用xpath即可

【chrome定位】

1. 启动ios_webkit_debug_proxy(之前讲过如何启动)
   
   
2. 在设置中开启功能
   【iPhone】：设置 → Safari → 高级 → Web 检查器 → 开
   
   
3. 终端执行

   ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html 

   
   

   
   

   
   

4. 开始调试

   打开 chrome 浏览器，在地址栏输入 http://localhost:9221/ ，这里会显示所有已连接的设备清单，选择一个设备并点击打开
   

   
   

5. 手动新建一个标签页将上面链接粘贴进去，回车访问
   
   

6. 然后即可按照web的方式开始定位了