方法一:  用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. 跟随我在oracle学习php(9)

    三目运算符:表达式? 表达式: 表达式: 自增在前在后没有影响 参与表达式需要注意 在前先计算,在后最后加1. + 字符串拼接. 字符串转数字:从左到右第一个不是数字的位置结束 取整 parseInt ...

  2. 老司机浅谈linux系统学习技巧

    Linux起源于20世纪70年代,是一种优秀的操作系统系统.初次接触到linux这个系统是在大学期间,这样才发现除了windows外的另外一个有趣系统.开始抱着好奇的心态去了解,随着深入学习,笔者被它 ...

  3. sqlite3 语法

    https://www.sqlite.org/index.html  官网 http://tutlane.com/tutorial/sqlite/sqlite-case-statement http: ...

  4. django rest_framework 分页出现报错

    1.出现: WARNINGS: ?: (rest_framework.W001) You have specified a default PAGE_SIZE pagination rest_fram ...

  5. python自学第7天,函数,参数

    函数:逻辑结构化和过程化的一种编程方法 面向对象--->类 class 面向过程--->过程 def 函数编程--->函数def import time def logger(): ...

  6. 在eclipse中启动java程序的时候,每次都会在一个未设置断点的源码里面,卡断点

    可以通过取消这个勾选框,来阻止代码在未设置断点的地方停止 具体位置在:Preferences--Java--Debug

  7. web(五)CSS引入方式,编写规范及调试

    CSS (Cascading Style Sheets)层叠样式表 ,是由万维网联盟(W3C)制定的标准 CSS的主要作用: 美化html元素的外观,例如设定背景颜色.字体等. 对网页元素进行布局.以 ...

  8. CoAP、MQTT、RESTful协议区别

    /********************************************************************** * CoAP.MQTT.RESTful协议区别 * 说明 ...

  9. spring jpa 动态查询(Specification)

    //dao层 继承 扩展仓库接口JpaSpecificationExecutor (JPA 2引入了一个标准的API)public interface CreditsEventDao extends ...

  10. 数组,集合,字符串,bean,map

    //[字符串]转成[数组] String[] arr = "1,2,3,4,5,6".split(","); //[String数组]转成[Long数组] Lo ...