方法一:  用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. LeetCode Rotatelmage

    ---恢复内容开始--- You are given an n x n 2D matrix representing an image. Ratate the image by 90 degrees( ...

  2. c# 抽象类与接口【学习笔记】

    最近一直在学着面向接口编程,总是会写出好多的接口然后继承,现在开始发现了一些好处,就是在一个方法里面使用另一个方法的时候, 用接口代替这个被使用的方法,可以减少代码的耦合,后期的扩展也方便,代码易于维 ...

  3. 6.对图像进行ROI选取并操作

    void Test_ROIWith2Image() { Mat g_srcImage=imread("D:\\OpenCV Projects\\OpenCV_Test_Image\\6.jp ...

  4. L337 Should We Relax About Screen Time?

    The UK government's plans for regulation of the internet and social media contained a long list of o ...

  5. Travel notes in Vietnam

    I‘m  back:)  For preparing IELTS exam, I haven't written article for over 70 days. It's a good exper ...

  6. 【原创】MIPS相关

    MIPS是单字长定点指令平均执行速度 Million Instructions Per Second的缩写. 路由器等嵌入式系统多采用MIPS和ARM两种指令架构,最近在研究路由器,借机总结一下基于M ...

  7. 10--Python入门--异常处理

    在程序编写过程中,难免会有一些错误.python中有一些语句可以处理这些异常或者错误,使得程序能够运行,且识别到错误的位置 try..except函数,java中是try catch 在下面的例子中, ...

  8. document.ready(function(){}),window.onload,$(function(){})的区别

    https://blog.csdn.net/qkzhx0516/article/details/79236514

  9. Beanshell断言

    Beanshell断言示例一:通过从数据库查询结果集,和从接口返回中解析json格式的返回内容,比较两者来验证sample请求是否成功 1>先通过JDBC PreProcessor把测试计划中所 ...

  10. Web服务器之Nginx详解(操作部分)

    大纲 一.前言 二.Nginx 安装与配置 三.Nginx 配置文件详解 四.Nginx 命令参数 五.配置Nginx提供Web服务 六.配置Nginx的虚拟主机 七.配置Nginx的用户认证 八.配 ...