方法一:  用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. 配置阿里云docker镜像地址

    { "registry-mirrors": [ "https://kfwkfulq.mirror.aliyuncs.com", "https://2l ...

  2. 第一个java程序以及java的运行机制

    课堂要点: 编写第一个java程序以及理解java的运行机制. 1.基本命令介绍: javac命令: 编译java文件得到.class字节码文件 -encoding 参数:指定编译的编码 java命令 ...

  3. Selenium HTMLTestRunner 执行测试成功但无法生成报告

    为什么用PyCharm或者Eclipse执行测试成功但无法生成HTMLTestRunner报告 最近遇到一些人问这样的问题: 他们的代码写的没问题,执行也成功了,但就是无法生成HTMLTestRunn ...

  4. 8--Python入门--函数

    函数基本框架如下([]中的内容表示是或选的,可以不写):def 函数名(参数): ['''函数说明文档'''] 函数主体 [return 返回对象] 函数小例子 #我们先定义一个函数 def find ...

  5. Curl追踪请求延时问题

    背景原因:测试环境发现一个连接内网访问和外网访问延迟差别很大,内网访问很快.外网访问很慢.于是我们用curl来诊断问题所在的区域! 命令如下: curl -o /dev/null -s -w %{ti ...

  6. 【oracle入门】数据模型

    数据模式也是一这种模型,它是数据库中用于提供信息表示的操作手段的形式架构,是数据库中用来对现实世界惊喜抽象的工具.数据模型按不同的应用层次分为3种类型,分别为概念数据模型.逻辑数据模型.物理数据模型. ...

  7. Thrift-0.10.0 CenOS 7 编译错误 error: expected ')' before 'PRIu32'

    Thrift-0.10.0 CenOS 7 编译错误 error: expected ')' before 'PRIu32' 在编译Thrift的时候,无论是Apache官网tar包,还是Github ...

  8. spring-task解决定时问题

    *  spring3以上版本,spring-content自带 spring-task ,来解决工程中的定时问题  基于注解配置spring定时任务 spring配置文件如下: <?xml ve ...

  9. Python全栈之路----常用模块----time模块

    time 模块的方法 time.time():返回当前时间的时间戳. >>> import time >>> time.time() #从1974年到现在过去了多少 ...

  10. 2018.4.24 flask_mail使用

    #!/flask/bin/python # -*- coding: utf-8 -*- from threading import Thread from flask import Flask fro ...