Skip to content

小小前端

明月本无心,行人自回首。

Menu
  • 前端开发
  • 编程技术
  • SQL语句
  • Linux
  • 生活/旅行
  • JSEditor
  • MiniBarCMS
  • About
  • 隐私政策
Menu

app开发之在chrome中进行真机调试

Posted on 2017年7月2日 by king2088

使用cordova或者ionic进行app开发时,在浏览器端总是无法监听到cordova插件的运行效果,我们总是需要将app安装到手机上进行运行查看,但是在手机上我们仅能进行查看运行效果,如果哪里出错了我们并无法发现,也不会报console错误,chrome为我们提供了一个很不错的设备调试工具,通过chrome的设备调试工具,我们可以连接到手机以及模拟器,并进行监听运行状态。
如果你使用的是手机进行调试,那么请打开你的usb调试功能,否则chrome无法识别你的设备,我使用的是android逍遥游模拟器,下面就来看看如何进行调试吧!
1、手机USB调试打开,数据线连接到电脑
在命令行输入
adb devices

查看是否已经连接上手机设备
(如果是模拟器)
adb connect 127.0.0.1:端口号
2、在chrome中输入如下命令
chrome://inspect
chrome会为你找到目前已经连接的Android设备

chrome真机调试
chrome真机调试

3、点击inspect
chrome真机调试
chrome真机调试

看到鼠标移动到element上的时候,真机中的效果了吧,这样你就可以使用chrome为你的app进行调试了,你可以查看console信息,可以发现是哪里出现了问题!

发表评论 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注

分类

近期文章

  • cordova-plugin-camera在某些android机型中拍照或选择文件时闪退出错的解决办法 2019年10月24日
  • JavaScript nodeJS base64加密解密url参数 2019年10月15日
  • 利用expressJS编写reset api 2019年4月13日
  • angular4 + http拦截器 2019年3月21日
  • ionic navCtrl.pop如何传递参数给上一个页面 2018年11月16日
  • ionic3搭建开发/测试环境 2018年10月25日
  • ionic2、3双击硬件back按键退出应用 2018年10月24日
  • VMware安装Mac OS High Sierra 10.12及高版本无法全屏 2018年8月24日

近期评论

  • 手表资讯发表在《ReactJS环境搭建》
  • king2088发表在《ionic中使用热更新插件cordova-hot-code-push》
  • 重阳节的诗句发表在《常用的sql语句》
  • 新郎致辞发表在《PHP代码实现WordPress相关文章的几种方法》
  • 霸道总裁发表在《vsftpd 提示 unrecognized service 解决办法》

归档

标签

Ajax Android Angular APP Cordova CSS css3 express html5 ionic Java javascript jQuery Linux loading mac Mac OS mongodb MySQL node nodejs PHP react SQL SSH VirtualBox vue vue-cli win10 WordPress WP REST API 主题 兼容性 前端 备份 插件 数据库 数组 服务器 正则表达式 浏览器 热更新 目录 组件 错误
2023年 3月
一 二 三 四 五 六 日
 12345
6789101112
13141516171819
20212223242526
2728293031  
« 10月    
© 2023 小小前端 | Powered by Superbs Personal Blog theme