手机App调试(Android)
方法一: 用Chrome+手机来调试。
1) 在PC上安装谷歌的USB驱动:
http://developer.android.com/sdk/win-usb.html#top
(或者, 安装手机工具 ”金山手机助手“, 它会自动安装各种手机的驱动)
(或者用 Android Studio的SDK Manager安装,其安装目录通常是: <sdk 目录>\extras\google\usb_driver
2) 在手机上打开Developer开关
3) 在手机上运行app (用IONIC或PhoneGap跨平台方案开发的。 需要是开发版, 不能是release版)
( 确认手机和PC用USB线连接, 首次链接的时候, 在手机上会弹出信息, 要求trust此PC)
4) 在PC上, 打开Chrome浏览器, 在地址栏输入:
Chrome://inspect
即可看到 正在运行的 所以app
备注:
* 如果看不到, 检查手机操作系统是否安卓4.5或以上, 此手机的USB驱动是否安装,
** 安装驱动的一个简单方法方法是 安装 ”金山手机助手“这样的手机工具, 它会自动安装驱动的
方法二: 在PC上用Chrome仿真来调试。
1) 用Chrome打开app
2) 按F12 打开调试界面
3 ) 在调试界面的左上角, 点击手机图标, 进入仿真状态,(备注: 再次点击它可以返回正常状态)
此时, 浏览器显示黑色网格背景见下图。
4) 在浏览器的左上角 Device栏目中, 选择需要仿真的设备(包括iphone和ipad)
附录一:
* android手机的首次调试,如何设置?
1)如何开启“开发者选项”developer菜单。
在Settings>About phone中,找到 “版本号”(build number),连续点击它 7次。
2)在“开发者选项”(developer)中,
turn on “USB调试”
附录二:如何把手机对WebApp的访问映射到PC上的本地文件?
* 首先在CharlesProxy中,设置好地址映射。 把webApp的地址都映射到PC上的本地文件
验证: 在PC上打开WebApp, 是访问本地文件
* 查找PC的IP地址, 在PC上用ipconfig命令,如图
如果手机和PC在同一个子网中, 则其中的子网地址,ipv4的值就是, 否则需要用 外网地址。
* 在手机上设置wifi的代理为PC机
长按手机上的正在使用的Wifi链接,看到弹出的菜单, 在弹出的系列对话框中依次选中
“修改网络”(modify network),
“高级” (advance)
“手工"(manual)
“主机地址”(host): 填写你的PC机的IP地址
“端口号”: 填写8888,(这是charles默认的端口号)
保存设置
* 在手机上打开地址:
https://chls.pro/ssl (在iPhone上)
http://www.charlesproxy.com/getssl (在其它os上)
它会下载charles的网站认证certificate, 在下载完成之后,安装它,作为root certificate类的证书。
备注:在这个过程中,需要建立PC和手机的信任关系,
** 如果在手机上看到“信任此PC”之类的对话框, 选择信任。
** 如果在PC上看到“允许XXX使用此PC作为代理”之类的对话框, 选择允许。
* 设置好了!
现在从手机打开webApp, 就会通过PC代理,来访问PC上的本地文件。
////录制mp4视频1:
adb shell screenrecord --verbose --time-limit 1800 /sdcard/demo.mp4
$ adb shell
shell@ $ screenrecord --verbose /sdcard/demo.mp4
(press Control + C to stop)
shell@ $ exit
$ adb pull /sdcard/demo.mp4
https://developer.android.com/studio/command-line/adb.html
////录制mp4视频2: LogCat
# <SDK_ROOT>Tools\Monitor.bat
////
FAQ:
Q: Charles ssl certificate download failed “due to network failures”
A: data:text/html,<a href=http://www.charlesproxy.com/getssl/>Save This Link
Q: 在android Nexus5 (Nougat),下载之后, 安装出错:
A: 必须这样手工安装:
Settings -> Security -> Install from storage
其中有刚才下载的certificate文件
手机App调试(Android)的更多相关文章
- HBuilder mui 手机app开发 Android手机app开发 ios手机app开发
经过一段时间的学习,做公司项目,对mui框架有了更加深入完整的了解,其实刚开始接触HBuilder中的mui框架只是简单的了解,并没有深入的研究,后来由于工作的需求,不得不深入研究,并运用的项目中去. ...
- Ubuntu系统下在Eclipse中使用真实手机运行调试Android应用
本文是在Ubuntu下已搭建好JRE+Eclipse+AndroidSDK的环境中进行的. 如果从未进行过如下的操作的话,在运行Android应用时,在设备选择器那里你的手机会显示为一大串" ...
- HBuilder mui 手机app开发 Android手机app开发 ios手机app开发 打开新页面 预加载页面 关闭页面
创建子页面 在mobile app开发过程中,经常遇到卡头卡尾的页面,此时若使用局部滚动,在android手机上会出现滚动不流畅的问题: mui的解决思路是:将需要滚动的区域通过单独的webview实 ...
- phpstorm+xdebug手机app调试
1.安装过程网上搜一下全都是,这里省略. 2.由于debug调试需要去判断cookie中XDEBUG_SESSION,然后去调试.由于app接口请求没法去传,而且就算去传递也很麻烦,还要让app去改动 ...
- Web程序员开发App系列 - 调试Android和IOS手机代码(补图)
Web程序员开发App系列 Web程序员开发App系列 - 认识HBuilder Web程序员开发App系列 - 申请苹果开发者账号 Web程序员开发App系列 - 调试Android和iOS手机代码 ...
- 用Chrome devTools 调试Android手机app中的web页面。
(1) 手机要满足Android系统为4.4或更高版本,低版本不支持这种方式.(2) 确保App已经开启了webview的debug调试模式,由Android工程师协助.(2) 用usb数据线连接好手 ...
- 2.[WP Developer体验Andriod开发]Andriod Studio结合Visual Studio Emulator for Android调试Android App
0. 工欲善其事必先利其器 上一篇博客对比了一下Android和WinPhnoe的布局容器,后续篇章重点放在Android的开发上了. 说到开发就绕不开调试程序,调试Android App我们有2种选 ...
- adb链接手机调试android应用
adb链接手机调试android应用 hulk@hulk-Lenovo:~$ adb devices List of devices attached ???????????? no permiss ...
- Android手机USB调试安全闲扯(315晚会免费充电桩事件)
前言 今年的又准时乖巧的观看了315晚会,与大家一同学习了各种发财致富的方式...咳.咳..学习防范违法行骗的各种手段.比较感兴趣的两个,一人脸识别,二公共充电桩安全隐患.第一个今天不扯, ...
随机推荐
- 显卡、GPU和CUDA简介
http://blog.csdn.net/wu_nan_nan/article/details/45603299 声明: 本文部分内容来自网络.由于知识有限,有错误的地方还请指正.本帖为自己学习过程的 ...
- chrome扩展应用API
background scripts可以访问所有的 WebExtension JavaScript APIs ,但是不能直接访问页面 content scripts 可以通过标准的DOM api 读取 ...
- leetcode python 011
####给定n个非负整数a1,a2,...,an,其中每个表示坐标(i,ai)处的点.##绘制n条垂直线,使得线i的两个端点位于(i,ai)和(i,0).##找到两条线,它们与x轴一起形成一个容器,这 ...
- hadoop fsck详解
我们知道fsck是用来检测hdfs上文件.block信息的,但是fsck输出的结果我们是否能看明白呢? 下面我们来看一个fsck输出的结果 hadoop fsck / ############## ...
- numpy-随机数
import numpy as np nr=np.random nr.seed(0) np.set_printoptions(precision=2) # 只显示小数点后2位 print(nr.ran ...
- TensorFlow中assign函数
tf.assign assign ( ref , value , validate_shape = None , use_locking = None , name = None ) 定义在:tens ...
- nodejs -- require , exports , module
1. require , exports . -------------------------- 文件: 1) index.js //两种方式都可以: var forExports = requir ...
- Memcached在SpringMVC上的使用
1.memcached介绍 memcached是一款由Danga Interactive公司开发的高效的分布式缓存服务器,主要是用于解决数据量庞大.访问集中的Web应用出现的数据库服务器负担过重,数据 ...
- vscode 插件推荐 - 献给所有前端工程师(更新与2018.8.1)
VScode现在已经越来越完善.性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给你们推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知道它有多好用. 走马观 ...
- 01_Mybaits逆向工程maven版
1.创建generatorSqlmapCustom工程 2.修改pom文件 <?xml version="1.0" encoding="UTF-8"?&g ...