使用chrome远程调试设备及调试模拟器设备

ranyonsue ranyonsue     2023-01-30     329

关键词:

使用chrome开发工具远程在Android上远程调试

准备工作

开始远程调试之前,需要做好如下准备:

  • 在你电脑上安装Chrome 32 或者更新的版本
  • 一根连接Android设备的USB线
  • 手机系统是Android 4.0+ 并且在手机上安装Android版本的Chrome浏览器。

注意:远程调试需要电脑上的chrome浏览器版本比手机上的chrome浏览器版本新。

设置Android手机

在Android手机上选择 设置>开发人员工具>USB调试,然后会弹出一个提示框“是否允许USB调试”,选择 确定

连接并且发现手机

用USB线连接手机和电脑,然后在chrome浏览器中去找到手机。

在电脑上的chrome浏览器中,导航到chrome://inspect,确认 Discover USB devices 是选中状态,并且可以看到已经发现我的MX4:

 技术分享图片

在chrome上准备好调试网站

在手机上用chrome浏览器打开你要调试的网站,然后在电脑上就可以看见你打开的网站,在对应你需要调试的页面项,点击 inspect

技术分享图片

然后在弹出的窗口就可以远程调试手机上面的效果,调试的过程中保持手机屏幕始终不要关闭。

 

调试模拟器

使用如上的方法不仅可以远程调试真机,还可以调试模拟器。

在电脑上打开Android的模拟器,在模拟器上打开APP页面,然后在chrome://inspect页面找到模拟器点击inspect,就可以开始调试APP页面。

 

 

 


在模拟器/设备上/使用或不使用 Chrome 调试时反应本机行为不同

】在模拟器/设备上/使用或不使用Chrome调试时反应本机行为不同【英文标题】:ReactNativebehaviordifferentinsimulator/ondevice/withorwithoutChromedebugging【发布时间】:2016-02-0115:41:52【问题描述】:我正在构建一个ReactNative应用程序(目前仅适... 查看详情

Chrome 远程调试显示设备但不检查链接

】Chrome远程调试显示设备但不检查链接【英文标题】:Chromeremotedebuggingshowsdevicebutnotinspectlink【发布时间】:2015-07-0816:10:06【问题描述】:我想在Chrome上远程调试Android应用。我的设备是Androidv4.0.4、GoogleChromev42和Cordovav3.7的QmobileA11... 查看详情

手机调试

...指用桌面电脑(PC或MAC)远程连接上移动设备,通过类似Chrome浏览器开发人员工具的界面,来调试移动设备上运行的网页当前:Oct27,2014“真机远程调试”的方法总是在发展,日新月异,有必要在每次更新本文档时标注当前... 查看详情

Chrome 远程调试 - “待验证”

...接到我的Windows7电脑,最初Chrome给了我这个消息。如果我使用adbstart-server手动启动adb服务器,它会连接到设备,但是一旦我尝试检查设备上的页面,我就会断开连接而没有任何错误, 查看详情

使用 Chrome 远程调试时向 Android 中的 Chrome 发送新 URL

】使用Chrome远程调试时向Android中的Chrome发送新URL【英文标题】:SendnewURLtoChromeinAndroidwhileusingChromeRemoteDebugging【发布时间】:2012-09-0802:39:44【问题描述】:当连接到设备并使用Chrome开发者工具远程调试时,有没有办法告诉您的设... 查看详情

在 Android 问题上远程调试 Chrome

...述】:在我的Android设备(运行Android版本4.0.4的LGNitro)上使用Chrome开发人员工具的远程调试功能时遇到问题。几天前它运行良好,但现在我的设备从未出现在about:inspect页面上。我已关注并仔细考虑了theseinstr 查看详情

在远程调试窗口调整 Chrome DevTools 的停靠位置

...时间】:2019-03-0417:50:36【问题描述】:根据官方instructions使用ChromeDevTools从主机浏览器调试连接的移动设备,我看到远程调试窗口打开,其中布局默认垂直分割,即Chrome的screencast 查看详情

如何在模拟器中使用啥 ip 为设备设置调试服务器主机和端口?

】如何在模拟器中使用啥ip为设备设置调试服务器主机和端口?【英文标题】:Howsetdebugseverhost&portfordeviceinemulatorwithwhatip?如何在模拟器中使用什么ip为设备设置调试服务器主机和端口?【发布时间】:2020-04-2305:00:43【问题描述... 查看详情

安卓浏览器远程调试

...2015-06-2520:31:30【问题描述】:抱歉这个问题。我目前正在使用网络浏览器为移动设备创建Phaser游戏。我可以使用我的Android设备的GoogleChrome浏览器在我的Android设备上进行远程调试,也类似于MozillaFirefox浏览器,并使用浏览器的桌... 查看详情

使用谷歌浏览器远程调试我的安卓设备没有显示浏览器检查

】使用谷歌浏览器远程调试我的安卓设备没有显示浏览器检查【英文标题】:Remotedebuggingofmyandroiddeviceusinggooglechromeisnotshowingbrowserinspect【发布时间】:2019-12-1315:07:39【问题描述】:我正在使用android设备通过googlechrome浏览器调试... 查看详情

调试移动端页面

...要有真机去测试一下,而不是布到测试服务上去之后,再使用真机测试。第一步:手机连接上电脑的局域网,之前在网上找的教程,想的是可能是手机和电脑都使用公司的无线网络,然而这是不可以的。正确的姿势是使用电脑共... 查看详情

在 android studio 中使用设备调试时,Android Logcat 为空

...oid设备进行调试时,Logcat什么也没有显示。但是当我使用模拟器时,LogCat会显示所有消息。在实际设备上调试时应该如何 查看详情

Chrome://inspect 显示设备,但不显示任何打开的标签

...【发布时间】:2014-09-0420:19:40【问题描述】:我正在尝试使用chrome来远程调试androidweb应用程序。我无法从设备获取任何打开的选项卡以显示在chrome://inspect列表下以进行远程调试。我做了以 查看详情

使用 chrome 设备工具栏和媒体查询进行响应式布局调试

】使用chrome设备工具栏和媒体查询进行响应式布局调试【英文标题】:responsivelayoutdebuggingwithchromedevice-toolbarandmediaqueries【发布时间】:2017-10-3102:48:46【问题描述】:我正在尝试使用html和css为我的应用程序编写登录表单。在我的C... 查看详情

从 Windows 7 Enterprise 到 Samsung Galaxy Tab A 在 Chrome 开发人员工具中进行远程调试时未检测到设备

】从Windows7Enterprise到SamsungGalaxyTabA在Chrome开发人员工具中进行远程调试时未检测到设备【英文标题】:NodevicesdetectedwhenremotedebugginginChromeDeveloperToolsfromWindows7EnterprisetoSamsungGalaxyTabA【发布时间】:2018-01-1513:14:25【问题描述】:我在S... 查看详情

未找到通过 ADB 设备进行 Android TV 调试

...我目前正在开发一个电视应用程序,目前正在使用Android模拟器,直到我的实际电视设备出现,现在我的问题是我找不到使用实际设备调试我的应用程序的方法。我尝试了ADB,但在我设置tcpip5555后没有找到设备/模拟器。是的,它... 查看详情

androidstudio远程连接模拟器调试(代码片段)

目录需求ADB端口说明远程连接步骤启动模拟器ADB连接端口映射远程连接需求AndroidStudio高版本已经可以使用PairDevicesUsingWi-fi功能连接同一局域网下的真机设备了,低版本也可以使用Androidadbwifi插件完成无线调试,还是比较... 查看详情

SimController(设备模拟器窗口)在我调试 SWF 时消失

】SimController(设备模拟器窗口)在我调试SWF时消失【英文标题】:SimController(devicesimulatorwindow)disappearswhenIdebugmySWF【发布时间】:2012-07-2303:08:44【问题描述】:这个奇怪的问题已经发生了几天,但以前没有。知道如何显示/打开它... 查看详情