真机调试_真机调试reactnative - CSDN
  • 手机电脑需要在同一无线网下 以vscode为例,在vscode通过右键 open with live server 打开html文件,例:http://127.0.0.1:5500/index.html 打开cmd,输入ipconfig,复制 IPv4地址后的 IP 地址。例10.110.51.146 ...
    1. 手机电脑需要在同一无线网下
    2. 以vscode为例,在vscode通过右键 open with live server 打开html文件,例:http://127.0.0.1:5500/index.html
    3. 打开cmd,输入ipconfig,复制 IPv4地址后的 IP 地址。例10.110.51.146
    4. 将浏览器地址栏的地址替换为http://10.110.51.146:5500/index.html
    5. 百度草料二维码,通过手机扫生成的二维码即可在手机上访问页面
    展开全文
  • 9102了,你还不会移动端真机调试

    万次阅读 2019-06-02 18:31:21
    移动端调试困难很多时候,我们在进行移动端开发时,都是先在PC端使用手机模拟器进行调试,没有问题后,我们才会在手机端的浏览器进行测试,这个时候,如果没有出现问题,皆大欢喜。但是一旦出现问题,我们就很难解决...

    移动端调试困难

    很多时候,我们在进行移动端开发时,都是先在PC端使用手机模拟器进行调试,没有问题后,我们才会在手机端的浏览器进行测试,这个时候,如果没有出现问题,皆大欢喜。但是一旦出现问题,我们就很难解决,因为缺乏可视化的界面。不似在PC端,我们能直观的去改变样式,或者是进行断点调试。有时,在移动端我们不得不借助于alert来调试,但是这样的调试方法效率极其低下,很多时候,都是靠经验,或者是靠排除法。甚至,我们不得不归结为是浏览器的实现问题。

    欢迎点赞和关注本人SegmentFault:
    https://segmentfault.com/u/liuyan666/articles

    解决策略

    主要介绍三种调试方法,皆可行,至于选择哪一种方式,就看自己的喜欢了。

    1. chrome真机调试
    2. weinre调试
    3. spy-debugger调试
      先说一下每一种方式的优缺点。
      第一种,chrome真机调试,有一个很大的局限性就是,只能调试手机端的chrome浏览器,对于UC,QQ这些浏览器均不适用,因此在调试兼容问题时,帮助不大,但是最大的优点是: 简单快捷。
      第二种,weinre调试方式,安装和适用不复杂,适用于全平台的调试,即任何手机的任何浏览器皆可以调试,不过需要手机和电脑在同一个网段下。
      第三种,spy-debugger,安装时,稍微复杂一点,spy-debugger集成了weinre,不过还增加了抓包工具。使用最为方便。

    下面逐一介绍这三种方法:

    chrome真机调试

    手机端下载好chrome浏览器,使用USB连接到PC,打开手机的USB调试模式。
    然后在PC端打开chrome浏览器,在地址栏输入: chrome://inspect. 勾选"discovery usb device"。然后在手机端浏览网页,就可以看到如下的页面,点击inspect,进行调试。(鉴于我的工作电脑是加了域的,因为并不能使用这个方式,如果有和我一样情况得童鞋,可以考虑使用另外两种调试方式)

    这里写图片描述

    weinre

    Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具,借助于网络,可以在PC上直接调试运行在移动设备上的远程页面。

    这里写图片描述
    本地服务器,可以使用http-server、tomcat等,也可以使用编译器集成的服务

    weinre安装

    全局安装: npm install –g weinre
    局部安装: npm install weinre
    启动: weinre --httpPort 8090 --boundHost -all-
    如果是局部安装的话,需要在前面加上 node_modules/.bin/
    相信前端的童鞋都会用npm包管理工具,对于这个工具,我就不展开了,如果没有安装npm的,自行安装。

    weinew启动参数说明:
    –httpPort: 设置Wninre使用的端口号,默认是8080
    –boundHost: [hostname | Ip | -all-]: 默认是 ‘localhost’.
    –debug [true | false] : 这个选项与–verbose类似, 会输出更多的信息。默认为false。
    –readTimeout [seconds] : Server发送信息到Target/Client的超时时间, 默认为5s。
    –deathTimeout [seconds] : 默认为3倍的readTimeout, 如果页面超过这个时间都没有任何响应, 那么就会断开连接。

    8080端口使用情况较多,所以我选择了指定8090端口。
    启动了weinre之后,我们在浏览器中输入localhost:8090.显示如下界面,表示已经启动成功。
    这里写图片描述

    点击debug client user interface,进入调试页面。
    这里写图片描述

    当前的targets中内容为空。

    现在,我们需要做另外一点操作,在我们要调试的页面中,增加一个脚本。

    <script src="http://localhost:8090/target/target-script-min.js#anonymous"></script>
    

    记住将localhost换成你的IP地址.

    然后,我们在本地启动一个服务器,可以是IDE继承了服务器,或者是http-server,我使用的是http-server.启动之后,我们在手机端访问要调试的网页。然后就会发现targets下面增加了记录。

    这是,点击Elements进行调试。
    这里写图片描述

    修改样式时,会在手机端即时生效,并且也可以查看控制台信息,唯一一点就是,不能进行断点调试。
    还有就是,在调试结束之后,别忘记删除嵌入的script。

    除了这种方法之后,还介绍了在手机端保存一段Js代码,在需要调试某个页面时,点击执行JS,但是现在浏览器为了安全起见,已经不再支持此方法。默认的方法是搜索,而非执行,所以不可取。

    spy-debugger

    最后,再介绍一下spy-debugger方法。用这个方法,我们不再需要自己增加和删除脚本。

    Spy-debugger内部集成了weinre,通过代理的方式拦截所有html自动注入weinre所需的js代码。简化了weinre需要给每个调试的页面添加js代码。spy-debugger原理是拦截所有html页面请求注入weinre所需要的js代码。让页面调试更加方便。

    特性:
    1、页面调试+抓包
    2、操作简单
    3、支持HTTPS。
    4、spy-debugger内部集成了weinre、node-mitmproxy、AnyProxy。
    5、自动忽略原生App发起的https请求,只拦截webview发起的https请求。对使用了SSL pinning技术的原生App不造成任何影响。
    6、可以配合其它代理工具一起使用(默认使用AnyProxy)

    Spydebugger安装与使用
    1.安装: 全局安装 npm install –g spy-debugger
    局部安装 npm install spy-debugger

    2.启动: spy-debugger,如果是局部安装,需要加 node_modules/.bin

    3.设置手机的HTTP代理
    代理的地址为 PC的IP地址 ,代理的端口为spy-debugger的启动端口(默认端口为:9888)
    默认端口是 9888。
    如果要指定端口: spy-debugger –p 8888
    Android设置步骤:设置 - WLAN - 长按选中网络 - 修改网络 - 高级 - 代理设置 - 手动
    iOS设置代理步骤:设置 - 无线局域网 - 选中网络 - HTTP代理手动
    4.手机安装证书(node-mitmproxy CA根证书)
    扫一扫安装:
    这里写图片描述

    Spy-debugger启动界面,同样,在手机端刷新页面之后,targets中会有记录
    这里写图片描述

    总结:
    1.chrome inspect应用场景有限
    2.weinre安装简单,使用过程中需要增加和删除script,如果调试页面很多的情况下,不适用。
    3.spy-debugger安装略复杂,但是使用过程非常愉快。

    如果本篇博文给您带来了一点启发或者是帮助,请帮忙点个Star吧,非常感谢~
    https://github.com/YvetteLau/Blog

    关注小姐姐的公众号,和小姐姐一起学前端。

    展开全文
  • Android Studio 使用USB真机调试教程

    万次阅读 多人点赞 2018-04-03 10:31:10
    Android开发者第一步学习的应该就是真机调试了。但是很多初次接触android studio的同学还是不知道如何用真机调试,今天我就给大家写一个教程,希望可以帮到需要的人。 我使用的是一款国家电网定制机型。Android版本...

           Android开发者第一步学习的应该就是真机调试了。但是很多初次接触android studio的同学还是不知道如何用真机调试,今天我就给大家写一个教程,希望可以帮到需要的人。

          我使用的是一款国家电网定制机型。Android版本为:5.0.2。

          1.先用usb线把你的测试手机连接到你的电脑上,并且安装驱动(由于机子型号不同,安装方式有差异,可以根据你的机子百度安装,或者下载一个豌豆荚进行安装)。

          2.安装好驱动后就可以在电脑上读取手机的文件。接下来就是设置测试手机(寻找开发者选项)。

            1)点击测试机“设置“,在设置中,寻找开发者选项,如果没有开发者选项,按接下来的步骤操作:找到关于手机,点击关于手机。然后找到“版本号”(小米手机是MIUI版本),点击几次版本号(最多5次),系统即提示“您现在处于开发者模式”。注:不同手机提示可能不同。然后返回设置就会找到开发者选项。如图:

            

          2)然后在设置中找到“安全性(部分手机:系统安全)”,点击进入。找到“未知来源”,点击后会弹出系统提示,点击确认。如图所示:

             

          3)点击开发者选项,点击启用,会弹出一个系统提示,点击确认。然后再勾选USB调试,系统又会弹出提示,继续点击确认。如图所示:

        3.接下来设置android studio。打开android studio,在工具栏中找到,app选项,点击会弹出 Edit Configurations..选项,点击进入,然后在设置页面中找到    Deploymeng target Options下的Target选项,然后选择为USB Device。然后点击OK。至此咱就已经基本设置好了。可以进行真机测试了。

        

          4.接下来咱进行测试。点击如图按钮,(初始使用测试机)会有系统提示弹出,根据提示点击确定,然后就会把测试程序安装到真机,然后就可以进行真机测试了。



       注意:运行程序中若报错: 

        No target device found。

        解决方案:点击工具类中的Tools选项,再在弹出的选项中选择Android,弹出选项,看看Enable ADB Integration是否勾选,如果未勾选,点击进行勾选。然后重复步骤4。然后还不行,拔掉数据线,重新执行步骤4.

    展开全文
  • iOS真机调试详解

    千次阅读 2016-10-12 14:30:16
    真机调试简介 什么是真机调试 为什么要运行在真机上,运行在模拟器上不行吗? 怎样做真机调试 真机调试需要的角色 Xcode7.0之前需要什么角色 Xcode7.0之后需要什么角色 Xcode7.0之前真机调试步骤 Xcode7.0之后真机...
    • 真机调试简介
      • 什么是真机调试
      • 为什么要运行在真机上,运行在模拟器上不行吗?
      • 怎样做真机调试
        • 真机调试需要的角色
        • Xcode7.0之前需要什么角色
        • Xcode7.0之后需要什么角色
    • Xcode7.0之前真机调试步骤
    • Xcode7.0之后真机调试步骤

    什么是真机调试

    所谓真机调试就是将Xcode编写的App运行在真机上。


    为什么真机调试

    • 部分功能需要硬件支持,模拟器是不支持的,如:
      • 传感器:磁力计、陀螺仪、距离传感器等
      • 特定功能:拍照、打电话、发短信、蓝牙等
    • 真机的环境和模拟器的环境是不一样,模拟器是使用电脑的环境, CPU、Memory、Disk、Network 这些和真机环境都不一样,有些bug可能会在特定的环境才会出现,比如网络非常慢,内存特别小的时候,可能在模拟器上不会有bug,在真机上就有可能出现bug
    • 使用真机开发比使用模拟器体验更好

    真机调试的角色:人、电脑、App、 真机

    哪些【人】在哪台【电脑】上使用那些【真机】运行哪些【App】。
    Xcode7.0之前对真机调试限制比较多,并不是任何人在任何电脑上使用任何真机运行任何App的,即有4大限制:

    • 限制人
    • 限制电脑
    • 限制App
    • 限制真机设备

    Xcode7.0之后只需要【Apple ID】即可,苹果根据Apple ID会自动生产对应的证书文件。在操作上相对比较简单。


    Xcode7.0之前真机调试步骤

    1. 限制人- 开发者账号
    2. 限制电脑
    3. 限制App
    4. 限制真机设备
    5. 根据前三项生成描述文件
    6. 检查Bundle Identifier
    7. 配置Build Settings的代码签名标识Code Signing Identity 和 描述文件 Provisioning Profile

    申请开发者账号

    限制人,不是任意人都可以做真机调试的,真机调试必须拥有开发者账号,称为开发者账号是要交钱的,开发者账号分为三类,不同类型的账号拥有的功能不一样:

    • 个人账号($99 = ¥688RMB)
      • 功能:真机调试、打包测试、程序发布
      • 优点:申请速度快,1~3个工作日即可
      • 缺点:1. iTunes查看的是个人信息,无法间接为公司宣传; 2. 无法创建管理自己的开发团队
    • 公司账号($99)
      • 功能: 真机调试、打包测试 、程序发布
      • 优点:1. iTunes可以查看企业信息,间接为公司宣传; 2. 可以管理自己的开发团队
      • 缺点:1. 申请比较复杂,需要“邓白氏”认证; 2.申请周期比较行(连同“邓白氏编码”申请,最好准备30天左右的时间)
    • 企业账号($299)
      • 功能:真机调试、打包测试
      • 优点
        • 可以在企业内部随意安装到苹果设备,不需要经过AppStore审核
        • 可以创建和管理自己的开发团队
        • 版本更新迭代比较快,不需要审核
      • 缺点
        • 申请复杂,需要“邓白氏”认证
        • 申请周期比较长
        • 不能使用此证书将App 发布到AppStore上

    个人账号和公司账号的功能都一样,而企业账号不能发布,企业账号有特定的使用场景,一般都是针对特定人群使用,只在企业内部安装,无需发布到AppStore上供人下载。

    公司账号和企业账号都可以创建和管理自己的开团团队,为什么要创建自己的开团团队呢?
    首先不能将开发者账号给开发人员,因为开发者账号权限太大,所以要维护一个开发团队,开发团队将邀请每个开发人员(AppleID)做为成员,然后开发者使用自己的Apple ID做真机调试。邀请时会给开发者发送一封邮件,然后同意邀请即可。

    经验:尽量不要使用代理公司去申请邓白氏编码,原因是,花钱多,而且申请下来的“邓白氏编码”不一定和苹果服务器数据库内的一致,最终不可用,浪费时间也浪费钱。最正确的做法是直接和苹果客服联系,他们会告诉你申请的具体流程,都需要提交哪些资料,客服电话:400 670 1855

    创建Apple ID

    打开网站 https://appleid.apple.com/cnsdf
    创建您的Apple ID,填写资料—>继续 —-> 此时邮箱会收到验证码,然后输入验证码点击验证即可

    这里写图片描述

    这里写图片描述

    这里写图片描述


    加入开发者计划

    https://developer.apple.com —–> Account—–> Sign in—-> Join the Apple Developer Program—->enroll(注册)—- 开始注册—-> 选择开发者账号类型(Single Person Business个人业务)continue—>填写个人资料—>continue–>Purchase—> 填写资料继续—>立即下单
    这里写图片描述

    这里写图片描述

    这里写图片描述

    这里写图片描述

    这里写图片描述

    这里写图片描述

    这里写图片描述

    相关文章: http://blog.csdn.net/a283127993/article/details/45828175

    限制电脑、App、真机设备、生产描述文件具体操作步骤:http://blog.csdn.net/vbirdbest/article/details/51887399

    限制电脑

    Certificates, Identifiers & Profiles
    Certificates:就是用来限制电脑的,每台电脑是不一样的,最终生成一个.cer文件

    限制App

    Identifiers–App IDs:Bundle ID是用来限制App的

    限制真机设备

    Devices:就是用来限制哪些真机设备可以真机测试的,注意总共可以添加100次,是次数而不是个数,每年有一次机会清理不需要的设备,剩余次数将增加清除设备的个数

    描述文件

    Provisioning Profiles:根据 电脑+App+真机设备(Certificates + Identifiers-App IDs + Devices)这三项生成一个描述文件 xxx.mobileprovision, 注意该文件是通用的。
    为什么要生成这个文件呢?因为做真机调试是不需要联网的,而刚才的几项配置都是在网络上配置的,需要将配置信息最终下载到本地电脑上,通过下载的文件进行来校验真机能否调试。

    具体操作:
    最终使用的文件:.cer文件和.mobileprovision文件,只要这两个文件是一对就可以真机调试
    双击.cer文件,将证书安装到钥匙串访问中
    双击.mobileprovision文件:目的是将该文件复制到/静态库Library/MobileDevice/Provisioning Profiles文件夹中
    这里写图片描述

    配置App对应的证书和描述文件
    这里写图片描述

    可以右键证书,导出 个人信息交换.p12文件,这个文件可以给其他同事使用,其同事双击该文件也会在钥匙串访问中出现该证书,在将描述文件给其他同事,这样.p12(相当于.cer),又有.mobileprovision文件,所以其他同事也可以做真机调试了。如果把.cer看成原件的话,.p12文件则为.cer的复印件。要想真机调试需要两个文件.cer|.p12 + .mobileprovision文件

    Xcode7.0之后

    Xcode–>Preferences—>Accounts—> Add Apple ID 然后选择真机直接允许App,弹出来个框点击Fix Issue即可,这样就完成真机测试了
    这里写图片描述

    Xcode7.0真机测试Apple ID必须加入苹果开发者计划,而Xcode7.0之后直接使用普通的Apple ID即可真机测试。注意Xcode7.0之后并不是不需要.cer和.mobileprovision文件,而是苹果已经生产了这两个文件,并将.cer文件安装到钥匙串访问里,.mobileprovision已经复制到Library/MobileDevice/Provisioning Profiles文件夹中.

    展开全文
  • 真机调试

    2019-08-09 21:42:08
    一.... 1.个人 $99 - 688 2.企业 :$99 - 688 邓氏码企业认证(困难),团队开发.  $299 邓氏码认证,但是不能上架(不经过苹果审核... 真机调试 1.注册成为苹果开发者(99$) 2.登陆苹果开发者主页 https://developer.ap...
  • Android -- 手机真机调试

    千次阅读 2018-03-09 10:26:13
    Mac 华为手机 EMUI 界面使用 USB 线将手机与电脑连接,手机设置打开开发者模式,开启USB 调试,即可进行真机测试。如何开启 USB 调试:设置 --&gt; 关于手机 --&gt; 连续点击版本号,直到系统出现进入...
  • 这个时候我们就想,要是能有个办法能在上线前真机调试就好了,我们能提前发现错误,提前解决问题!下面由小编分享几种方法,希望能让各位在开发的道路上越走越远! 一:同一局域网,要求手机和需要调试的项目在同一...
  • 在我微信开发者工具中预览时,无论是扫二维码预览还是自动预览,小程序没有一点问题,跳转也可以实现,在真机调试中的自动真机调试也 没有问题,可以跳转。但当我扫描二维码真机调试进入后,点击跳转报错: 首先...
  • android eclipse 真机调试

    万次阅读 2012-01-14 22:02:14
    在开发android应用程序的时候,有时候开发不得不采用真机调试,原因很简单,因为模拟器无法使用发短信,打电话,照相等功能,而重力感应一类的开发效果更需要用真机调试。采用android真机调试确实比模拟器快很多,...
  • 现在苹果手机可以免证书真机调试了,但是需要最新的mac系统和xcode,已知的一个途径就是先安装10.10的mac虚拟机然后从appstore更新到最新版本,再下载最新的Xcode。我之前10.9的系统更新到最新,卒。 VM12安装macosx...
  • 11.2 xcode 真机调试

    2020-07-27 23:31:25
    xcode 11.2 真机调试包 xcode 11.2 真机调试包 xcode 11.2 真机调试包 xcode 11.2 真机调试
  • vscode Flutter真机调试

    2020-08-20 10:25:23
    1 为什么要真机调试 我们做app开发的时候,一般都是先在虚拟机上完成功能开发,等所有交互逻辑和业务逻辑基本调试ok后,才想着在真机上验证。 或者我们需要调试一些和硬件相关的业务时,也必须要真机调试,比如闪光...
  • 免证书真机调试

    千次阅读 2016-05-06 18:31:09
    Xcode7--免证书真机调试 Xcode7之前,想要真机调试,必须花99刀购买开发者账号,而且步骤繁琐,需要下载证书。随着Xcode7的推出,大幅度的简化了真机调试的步骤,对ios开发工作者和正在学习ios开发的众多码农们,...
  • Android studio真机调试

    2020-02-08 13:33:59
    在我们进行Android开发的时候,调试这个环节是必不可少的也是至关重要的,使用真机调试可以更加准确清晰的显示效果。 真机调试Android应用 1.用数据线将手机连接到电脑,打开手机的开发者选项。 由于各个手机厂商的...
  • 数据库项目终于完成了基本功能,但是安装到安卓设备之后,功能出 现异常于是开始尝试真机调试,查找问题所在 错误症状 其实就一个问题:NO Android devicAe connected 解决过程 在网上查了各种相关于android真机...
  • iOS 真机调试(一)

    2015-02-15 11:09:17
    1.什么是真机调试?为什么要进行真机调试?  iOS开发中所说的真机调试,是指在开发环节将编写的代码编译并链接为ARM指令集二进制代码,并在真实的iOS设备上运行并调试。由于iOS模拟器仅仅是在功能上模拟了iOS操作...
  • iOS 无证书真机调试流程

    万次阅读 2018-03-09 11:14:22
    //联系人:石虎 QQ: 1224614774昵称:嗡嘛呢叭咪哄Xcode7之后,苹果开发了权限,真机调试不再需要创建证书了。当然不需要创建证书并不是意味你的Xcode连上了真机就可以直接调试了,在这之前还需要一些设置。下面,...
  • iOS 13.5 真机调试

    2020-07-30 23:31:25
    iOS 13.5 真机调试
  • 最近做一个小程序,在开发者工具上完成之后,真机调试了一下发现数据都没有传过来,就很头疼。然后寻找解决的办法: 开始一直以为是域名有问题,服务器域名我都配置了,我点了不校验安全域名、web-view 域名、TLS ...
  • Android真机调试打印日志的方法

    千次阅读 2016-06-27 17:03:27
    使用模拟器效率是很低的,所以真机调试是多数开发者的选择。使用模拟器调试程序和使用真机调试程序还是有一些不同的。比如,某些手机在调试过程中,不会打印日志出来。 真机调试不输出日志到logcat的原因是手机厂商...
1 2 3 4 5 ... 20
收藏数 41,790
精华内容 16,716
关键字:

真机调试