美文网首页
chrome浏览器调试真机ionic项目

chrome浏览器调试真机ionic项目

作者: 霸道总裁跟班 | 来源:发表于2017-06-08 10:34 被阅读0次

现在好多h5的项目需要运行到真机上看效果,但是调试起来特别麻烦,最近了解到新的浏览器调试真机的方法。开发效率更快更高!

首先,下载最新的hosts文件,替换到你的C:\Windows\System32\drivers\etc路径下

其次,手机连上数据线,开启开发者模式 usb调试

然后,谷歌浏览器输入chrome://inspect,打开你要调试的app就能看到你的项目

手机先进入你的项目,再点击inspect,这时你的手机就运行到浏览器了。

最后,打断点调试你的app 就可以了。

效果图如下:

相关文章

  • chrome浏览器调试真机ionic项目

    现在好多h5的项目需要运行到真机上看效果,但是调试起来特别麻烦,最近了解到新的浏览器调试真机的方法。开发效率更快更...

  • Cordova真机测试之GapDebug

    相信很多ionic的开发者一般的调试方式都是采用的Chrome的真机调试(chrome://inspect)进行的...

  • 使用chrome浏览器真机调试H5

    使用chrome浏览器真机调试H5 开始远程调试之前,需要做好如下准备: 在你电脑上安装Chrome 32 或者更...

  • 用谷歌浏览器调试cordova App

    使用电脑上的Chrome浏览器调试Cordova打包的app,对于开发人员真机调试非常方便1.用Cordova 打...

  • Ionic3 Android调试

    本文主要介绍将Ionic项目打包成安卓应用之后的调试过程,调试方式分两种:模拟器调试、真机调试。不过在此之前,必须...

  • 终于明白怎么用Chrome开发适配各种移动端屏幕尺寸了

    都知道Chrome浏览器可以模拟真机尺寸,进行调试开发很方便,但是如果你的真机在预制的配置参数中没有,而且又不知道...

  • ionic2学习指引-真机调试

    前言 真机调试前需要先会"普通调试". 百度搜索"chrome调试"等有大量教程,请自行学习 了解chrome开发...

  • Chrome 真机调试

    说明:使用Google账号登录Chrome,Chrome调试在隐身模式和访客模式下是不工作的。 1 将手机开发者调...

  • Chrome真机调试

    手机开启开发者状态USB调试手机,PC端同时开启Chrome在chrome地址栏输入:chrome://inspe...

  • ionic真机浏览器调试指令

    使用ionic进行操作时,请先学习ionic教程(http://www.runoob.com/ionic/ioni...

网友评论

      本文标题:chrome浏览器调试真机ionic项目

      本文链接:https://www.haomeiwen.com/subject/jppzfxtx.html