方法一:  用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)的更多相关文章

  1. HBuilder mui 手机app开发 Android手机app开发 ios手机app开发

    经过一段时间的学习,做公司项目,对mui框架有了更加深入完整的了解,其实刚开始接触HBuilder中的mui框架只是简单的了解,并没有深入的研究,后来由于工作的需求,不得不深入研究,并运用的项目中去. ...

  2. Ubuntu系统下在Eclipse中使用真实手机运行调试Android应用

    本文是在Ubuntu下已搭建好JRE+Eclipse+AndroidSDK的环境中进行的. 如果从未进行过如下的操作的话,在运行Android应用时,在设备选择器那里你的手机会显示为一大串" ...

  3. HBuilder mui 手机app开发 Android手机app开发 ios手机app开发 打开新页面 预加载页面 关闭页面

    创建子页面 在mobile app开发过程中,经常遇到卡头卡尾的页面,此时若使用局部滚动,在android手机上会出现滚动不流畅的问题: mui的解决思路是:将需要滚动的区域通过单独的webview实 ...

  4. phpstorm+xdebug手机app调试

    1.安装过程网上搜一下全都是,这里省略. 2.由于debug调试需要去判断cookie中XDEBUG_SESSION,然后去调试.由于app接口请求没法去传,而且就算去传递也很麻烦,还要让app去改动 ...

  5. Web程序员开发App系列 - 调试Android和IOS手机代码(补图)

    Web程序员开发App系列 Web程序员开发App系列 - 认识HBuilder Web程序员开发App系列 - 申请苹果开发者账号 Web程序员开发App系列 - 调试Android和iOS手机代码 ...

  6. 用Chrome devTools 调试Android手机app中的web页面。

    (1) 手机要满足Android系统为4.4或更高版本,低版本不支持这种方式.(2) 确保App已经开启了webview的debug调试模式,由Android工程师协助.(2) 用usb数据线连接好手 ...

  7. 2.[WP Developer体验Andriod开发]Andriod Studio结合Visual Studio Emulator for Android调试Android App

    0. 工欲善其事必先利其器 上一篇博客对比了一下Android和WinPhnoe的布局容器,后续篇章重点放在Android的开发上了. 说到开发就绕不开调试程序,调试Android App我们有2种选 ...

  8. adb链接手机调试android应用

    adb链接手机调试android应用 hulk@hulk-Lenovo:~$ adb devices List of devices attached  ???????????? no permiss ...

  9. Android手机USB调试安全闲扯(315晚会免费充电桩事件)

    前言       今年的又准时乖巧的观看了315晚会,与大家一同学习了各种发财致富的方式...咳.咳..学习防范违法行骗的各种手段.比较感兴趣的两个,一人脸识别,二公共充电桩安全隐患.第一个今天不扯, ...

随机推荐

  1. cout关闭输出缓冲,调试用

    cout.setf(std::ios::unitbuf);

  2. zabbix3.4.7Web页面监控

    1. 新增Web monitoring 2. 新增一个触发器Trigger 点击“Insert”以后,完成后点击页面下的Add之后,可以看见如下 3. 测试-检测告警效果 接下来,我在Nginx上将i ...

  3. Android 音视频深入 七 学习之路的总结和资料分享

    说个实话一开始我对基于Android如何开发音视频很迷茫,甚至对音视频开发都不是很明白,我看了Android 音视频开发入门指南 http://blog.51cto.com/ticktick/1956 ...

  4. C# 中的冒泡排序

    int num; , , , , , , , , , }; ; i < arr.Length; i++) { ; j < arr.Length; j++) { if (arr[j] > ...

  5. STL的内存管理

    SGI STL 的内存管理 http://www.cnblogs.com/sld666666/archive/2010/07/01/1769448.html 1. 好多废话 在分析完nginx的内存池 ...

  6. keil安装

    安装准备: 一个keil安装程序,一个注册机 安装步骤.... 软件安装: 打开C51V901.EXE 安装程序 点击Next, 同意上述证书协议 重复点击Next,知道出现finish停下. 3个多 ...

  7. [转]腾讯研发类笔试面试试题(C++方向)

     https://blog.csdn.net/Xiongchao99/article/details/73381280 1.C和C++的特点与区别? 答:(1)C语言特点:1.作为一种面向过程的结构化 ...

  8. 《深入.NET平台和C#编程》内部测试题-笔试试卷答案

    1)      以下关于序列化和反序列化的描述错误的是( C). a)      序列化是将对象的状态存储到特定存储介质中的过程 b)      二进制格式化器的Serialize()和Deseria ...

  9. Unity动画机制 Animator与Animator Controller教程

    Unity动画机制Animator 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- ...

  10. xshell连接linux主机时,出现错误:Could not connect to '***.***.***.***' (port 22)

    xshell连接linux主机时,会出现错误:Could not connect to '192.168.89.144' (port 22): Connection failed. 但是这时能ping ...