用谷歌或者dev浏览器调试安卓设备

最新推荐文章于 2024-07-29 15:29:22 发布
最新推荐文章于 2024-07-29 15:29:22 发布
阅读量529 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lg_1996/article/details/104985231
版权

1.手机端打开USB调试并连接PC（略）

2.打开APP，切换到webview界面视图（如一些第三方登录控件，基本都是webview控件）

3.电脑翻墙（重要）,微软Dev不用翻墙

4.打开chrome浏览器，输入框下输入chrome://inspect/#devices，看到设备

https://i-blog.csdnimg.cn/blog_migrate/96fb53e2a569e9f845e8ae0d950cee34.jpeg

 

 

 

 

芒果桔子西瓜汁
关注
专栏目录
Android WebView调试利器之 Chrome DevTools
li_Struggle的专栏
08-06 1万+
前言Android开发时不时需要与H5交互这个时候如果没有能调试的工具效率简直是极低，我们项目就有一个活动页面需要与H5交互，当时还不知道有这么一个调试工具的时候只能用alert()(关键是这个问题他在本地运行是ok的在服务器才有问题这种问题最不好定位如果有这么一个工具那简直是So Easy)。当我觉得效率这么低的情况下，我在想是不是应该会有调试工具呢？（因为IOS有） 所以我就直接查google
使用Android模拟机开发调试移动端页面
热门推荐
kabuda0311的博客
07-09 1万+
使用真机调试可以还原bug场景，但由于真机上不方便输出调试信息，不容易进行代码调试。这里可以通过在电脑上安装一个Android模拟器，然后结合Chrome的devices远程设备功能，进行移动端页面的开发和调试安装模拟器mac上面的Android模拟器可选择的比较少，且性能不太好，这里推荐夜神Android模拟器 https://www.yeshen.com/ ，windows上也可使用（wind...
Android 手机浏览器调试使用Chrome进行调试实例详解
01-05
使用PC上的 Chrome 远程调试手机端的页面 工具准备 手机端：chrome for Android,；  PC端：安装谷歌浏览器(最好是最新版的开发者版本) USB 连接线, 也就是你充电器的那条线 开启调试模式 使用 USB 连接你的电脑，并开启调试模式。 使用 Android 4.2 或以上的手机可能没有调试模式选项，可以找到 “设置 > 关于手机 > 版本号(Build Number)”, 点 7 次，然后返回开发者选项就可以了。 查找 USB 设备 （Enable USB discovery in Chrome） 在你的桌面版的 chrome ，打开 菜单 > 工具
Chrome真机调试Android 你不知道的Chrome调试技巧
幻影浪子
07-19 979
2、使用usb数据线连接手机端（手机端chrome浏览器版本和桌面端最好相近或一致，安卓手机需要选择usb调试并支持文件传输，识别到设备后，就可以看到远程设备调试设备目标Remote Target）谷歌开发者工具提供了一系列的功能来帮助开发者高效Debug网页应用，让他们可以更快地查找和修复bug。在谷歌的开发者工具中，有非常多有用的小工具，但是很多开发者并不知道。比如你想查看手机端浏览器运行时的调试日志，怎么办呢？使用电脑端谷歌浏览器的远程调试功能即可。3、找到你要调试的应用，并点击下面的。
安卓app调试（谷歌浏览器）
张大晴的博客
12-01 2471
转自： https://blog.csdn.net/ligaoming_123/article/details/80942189 1、安卓手机设置 -- 华为中选择调试应用是置灰的（所以该方法不一定好用） 1）安卓手机进入开发者模式 连接方式必须是媒体设备（MTP）模式 2）在开发者选项中>>选择调试应用 3）打开要调试的a...
Chrome对安卓手机网页进行真机调试
最新发布
墨离的博客
07-29 1053
前期准备 PC端安装Chrome浏览器。 手机安卓Chrome浏览器 连接电脑数据线一条。 梯子。 操作步骤 数据线连接电脑。 手机打开USB调试模式并选择USB连接用途为“传输文件”。 手机打开谷歌浏览器，并打开需要调试的网页。 电脑打开 chrome://inspect/#devices 会进入相应的工具页面。 选择你要调试的应用，点击下面的“inspect”进入对应的调试页面。 接下来就可以进行愉快的调试了。 后续 如果第一次调试的时候遇上 “HTTP/1.1 404 Not
Chrome调试android设备
archie_7的博客
04-16 911
准备条件 1、打开手机的usb调试开关 1.1 “更多设置”-》“开发者选项” -》“USB调试” 1.2 开发版用户找不到开发者选项时，然后重复1.1的步骤 2、版本要求 Chrome要求 Chrome32及之后版本 android要求android4.4及以后版本 3、Chrome连接手机 3.1 使用usb线连接pc 3.2 在chrome地址栏输入“chrome://inspect” ...
在mac上使用android模拟器通过chrome调试webview内web页面
CloudJay的博客
11-30 2325
之前一直使用备用android机在做调试,这次正巧备用机坏了,临时装了个android模拟器来做调试,发现比用真机更方便 现在在mac上可以很方便的通过android模拟器来直接调试webview中的web页面,各种应用比如钉钉内的web 我们这里就以钉钉内的应用页面来举例
android webview es6,vue2.0在android5.0白屏， es6转es5保证浏览器兼容性
weixin_29214715的博客
05-26 852
1. 安装npm install --save-dev babel-preset-es20152. 安装 npm install --save-dev babel-preset-stage-33.在项目根目录创建一个.babelrc文件(ES6转ES5配置) 里面内容 最基本配置是：{// 此项指明，转码的规则"presets": [// env项是借助插件babel-preset-env，...
移动端使用vConsole调试工具
有道无术，术尚可求
07-27 1771
移动端使用vConsole调试工具 当项目在移动端运行时，也能具备像浏览器控制台一样的调试能力，方便debug 文章目录移动端使用vConsole调试工具一、vConsole是什么？二、使用步骤1.常规使用2.进阶 一、vConsole是什么？ 平时web开发时，在手机上，如果是要看控制台信息，都需要alert弹窗，这样很不友好.还会阻拦进程。 所以引入vconsole ,让手机具备有一定类似谷歌浏览器的调试能力 效果图如下 二、使用步骤 1.常规使用 代码如下（示例）： 直接可在项目上看到成效，
chrome真机调试Android
一呀一转转圈
11-18 3185
1. 打开Android手机的调试模式 将手机与电脑用数据线连接，确保电脑上安装了手机的驱动，手机打开调试模式 2.打开chrome, 输入网址： chrome://inspect/#devices 点击inspect按钮，会弹出一个新的窗口，上面会显示手机上的页面 如果打开白屏，可以尝试下翻墙或代理 ...
电脑Chrome浏览器调试Android手机网页
qq_66579387的博客
11-05 2560
使用chrome://inspect/#devices 手机环境打开开发者模式 开发者模式中选择USB调试 正常读取到手机状态后点击inspect 如果出现HTTP/1.1 404 Not Found白屏我是打开了一下科学上网工具就解决了 测试了三星，微软，谷歌三款浏览器均可以正常调试
[转] 在安卓设备上使用 Chrome 远程调试功能
weixin_33967071的博客
02-25 389
你的网页内容在移动设备上的体验可能和电脑上完全不同。Chrome DevTools 提供了远程调试功能，这让你可以在安卓设备上实时调试开发的内容。 安卓远程调试支持： 在浏览器选项卡中调试网站。 在原生安卓应用中调试网页内容。 将屏幕从你的安卓设备上投影到你的开发机器上。 使用端口转发和虚拟主机映射来让安卓设备访问开发使用的服务器。 需求 要开始远程调试，你需要： ...
Win10Chrome调试安卓Chrome
wufabao的博客
03-18 4372
一 手机端的准备： 1 usb数据线，第一次连接电脑跟手机 可能还需要装驱动： 2 打开开发者模式（设置->系统->关于手机->版本号 在版本号那一列连续敲七下 就可以启动开发者模式），打开选择USB配置，设置成USB连接（一定注意），具体手机连接可以不太一样 ，但是都需要设置成usb连接方式 3 下载手机版谷歌浏览器，调试的时候 用的是谷歌浏览器 二 电脑端： 1 谷歌浏览器，访问： chrome://inspect/#devices 2 open tab with url 你可以输
使用Chrome调试安卓app
weixin_33872660的博客
05-23 407
Stetho 抓包工具虽然好用，但是每次都要在手机设置代理.但是有了stetho，这些工具全部自带了，使用方便，无须root 首先Gradle进行依赖 dependencies { compile 'com.facebook.stetho:stetho:1.0.1' } 复制代码然后在你的App的Application类里进行配置 public class MyApplication exte...
谷歌浏览器emulation仿真手机app浏览器访问
Champ.Ping的博客
08-31 680
谷歌浏览器默认支持仿真的手机型号 如果需要添加指定类型设备，可以在浏览器地址栏输入javascript:alert(navigator.userAgent)访问，复制弹出显示字符串。 新增仿真设备，user agent string填复制的内容 ...
edge调试安卓
m0_59159504的博客
12-30 2546
使用数据线连接pc与手机，确保手机上已设置允许usb调试 如果时调试微信的网页，那么在微信聊天框里打开这个网址 http://debugx5.qq.com 如果打开网址后出现提示 **“未启用x5内核”**之类的 则在微信聊天框打开这个网址 debugmm.qq.com/?forcex5=true 进入之后就可以使用x5调试了 打开http://debugx5.qq.com之后，如图操作 勾上之后，在edge浏览器地址栏输入 edge://inspect/#devices 就会出现如下界面
安卓edge浏览器真机调试
weixin_46370288的博客
01-08 1878
安卓手机用数据线连接真机 打开文件传输模式。出现inspect点击进入真机调试。
edge dev浏览器
07-28
Edge Dev浏览器是Edge浏览器的开发版本，用于测试和开发新功能。它是一个频繁更新的版本，工程师们可以在其中展示他们的技术。\[1\]与此相比，Stable版本是一个稳定版，适合一般用户使用，因为它经过了更多的测试和修复。\[1\]另外，Chromium版本是基于Chrome浏览器内核的版本，它采用了谷歌内核，但也有一些自己的特色和商标。\[1\]至于您提到的Bing Chat在Edge Dev浏览器中消失的问题，可能是由于浏览器的设置或缓存问题导致的。您可以尝试清除浏览器的cookies并重新打开浏览器来解决这个问题。\[3\] #### 引用[.reference_title] - *1* [版本详解：Beta、Dev、Canary、Stable、Chromium等版本](https://blog.csdn.net/yu1581274988/article/details/105012423)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [用edge dev读论文](https://blog.csdn.net/weixin_54227557/article/details/129323061)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [使用Microsoft Edge dev浏览器突然找不到new bing，bing chat消失](https://blog.csdn.net/qq_45943628/article/details/130327075)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值