之前一直使用备用android机在做调试,这次正巧备用机坏了,临时装了个android模拟器来做调试,发现比用真机更方便

现在在mac上可以很方便的通过android模拟器来直接调试webview中的web页面,各种应用比如钉钉内的web

我们这里就以钉钉内的应用页面来举例

1.钉钉dev App

可以直接前往钉钉开发文档->工具与资源->开发者工具下载
或者
官方下载地址(时间长了可能失效,可以@作者更新地址)

2.模拟器

这里用网易mumu模拟器,理论上其他支持usb调试功能的模拟器也都支持,具体我没试过,有心得可以留言

官方下载地址

3.adb工具包

首先检查是否安装过

adb devices

然后通过brew安装

brew cask install android-platform-tools

如果检查还是不通过,试一下重启adb

adb kill-server && adb server && adb shell
adb kill-server;
adb start-server / adb devices
4.android开发工具

其实只是为了android的驱动

Android Studio 官方下载地址

5.chrome浏览器

这个大家都懂,就不说了

1.在mumu中安装钉钉dev.apk,直接拖进去就可以

2.在mumu的模拟出的虚拟机中打开开发者模式,并启用usb调试

3.打开钉钉dev,前往要调试的页面

4.打开chrome,输入chrome://inspect

5.选择对应页面,进行调试

inspect必须在你手机打开有web页面的情况下才会显示内容,如果inspect中看不到设备,尝试重启adb

之前一直使用备用android机在做调试,这次正巧备用机坏了,临时装了个android模拟器来做调试,发现比用真机更方便现在在mac上可以很方便的通过android模拟器来直接调试webview中的web页面,各种应用比如钉钉内的web我们这里就以钉钉内的应用页面来举例
1.前端开发离不开Chrome的开发者工具,尤其是调试Android WebView时。然而,如果使用chrome://Inspect的方法,国内的开发者会惊奇地发现“空白啊”!为此,我发布过这个离线包的解决方案!可以无需FanQ就能调试了。 2.本包主要为了解决调试webview(类似Chrome://inspect的功能)国内404或空白页面的问题。 3.本包内自带Chrome浏览器、离线调试包,用法解压包后文档中会有详细说明亲测保证可用,离线webview调试工具,开发H5混合应用必备。
1.数据线连接安卓手机和mac电脑。 2.打开chrome://inspect/#devices网页,这是谷歌提供的在线工具:Inspect with Chrome Developer Tools. 3.打开手机,以小米手机为例,点“设置”——》“我的设...
文章链接:https://developer.chrome.com/devtools/docs/remote-debugging#install-adbplugin 遇到问题: 1. 尝试重启手机/pad 2. 重新开关手机/pad的开发者模式 3. 打不开Chrome的:chrome://inspect/#devices,可能需要先登录VPN,然后重新打开。 转载于:https://ww...
<uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.perm
你可以通过UC开发者调试工具来调试WebView。首先,确保你已经安装了UC开发者调试工具,并且你的WebView可以连接到它。然后,按照以下步骤进行调试: 1. 在你的WebView代码中添加以下代码,以便启用调试模式: ```java if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { WebView.setWebContentsDebuggingEnabled(true); 2. 在UC开发者调试工具中,点击右上角的三个点菜单按钮,选择“设置”。 3. 在设置页面中,找到并点击“选择调试WebView”选项。 4. 在弹出的对话框中,选择你想要调试WebView。 5. 确保你的WebView已经连接到UC开发者调试工具。你可以在UC开发者调试工具中的设备列表中看到连接的设备。 6. 点击UC开发者调试工具中的“刷新”按钮,确保你的WebView已经加载并连接到调试工具。 7. 现在你可以在UC开发者调试工具中查看WebView调试信息,如网络请求、JavaScript控制台输出等。 请注意,使用UC开发者调试工具来调试WebView需要一些配置和额外的步骤。确保按照上述步骤进行操作,并参考UC开发者文档获得更多详细信息。