基于移动端真机调试的图文教程(分享)

 更新时间:2017年12月18日 08:24:20   作者:小蚊  
下面小编就为大家分享一篇基于移动端真机调试的图文教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

最近要分析web页面,在安卓和ios上的性能差异,除了操作系统本身不同之外,应该还多地方要探究的,第一步就是要在真机上分析。所以总结一下几个方法。

1.Mac+iPhone+ Lightning+Safari 浏览器

步骤:

1)用:Lighting线将mac与iphone相连

2)iphone打开Web检查器(设置->Safari->高级->Web检查器)

3)iphone用safari打开要进行分析的页面

4)mac打开safari浏览器(菜单->开发->对应的手机名称->要调试的页面),点击即进入Safari Developer Tools

5)可以见到的调试界面是这样的

缺点:不能调试webView里面的页面

2.安卓手机+安卓数据线+电脑

步骤:

1)用数据线将手机与电脑相连

2)手机开启use调试(安卓不同机型开启的步骤不尽相同,不知道的百度一下)

3)打开chrome,输入chrome://inspect/#devices,勾选Discover USB devices

4)用手机chrome打开要调试的网页(如果是其他webView页面,需要在app配置启动代码,详键官方教程)

5)选择你要调试的页面进入

6)可以见到是这样的调试界面

缺点:亲测,mac中调试界面与小米6手机的界面经常不同步,操作非常不方便,还好控制台还是能正常看东西

3.weinre

步骤:

1)可以直接npm install这个模块,然后启动,打开管理界面即可

2)直接安装whistle,自带了weinre。还可以代理不同环境,具体教程见:https://avwo.github.io/whistle/rules/weinre.html

缺点:可以说是极简主义了,步骤简单、调试简单、能调的也简单(就是查查元素,看看控制台,不能像chrome那些分析工具一样)

以上这篇基于移动端真机调试的图文教程(分享)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Qt for Android开发实例教程

    Qt for Android开发实例教程

    这篇文章主要介绍了Qt for Android开发的方法,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-08-08
  • Android中DrawerLayout+ViewPager滑动冲突的解决方法

    Android中DrawerLayout+ViewPager滑动冲突的解决方法

    这篇文章主要为大家详细介绍了Android中DrawerLayout+ViewPager滑动冲突的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • Android 7.0 手电筒控制实现

    Android 7.0 手电筒控制实现

    这篇文章主要为大家详细介绍了Android 7.0 手电筒控制实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • Android数字选择器NumberPicker使用详解

    Android数字选择器NumberPicker使用详解

    这篇文章主要为大家详细介绍了Android数字选择器NumberPicker的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-08-08
  • Android自定义View之酷炫圆环(二)

    Android自定义View之酷炫圆环(二)

    这篇文章主要介绍了Android自定义View之酷炫圆环,本文是第二篇针对Android圆环实现方法进行的详细阐述,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • Flutter+Metal实现图像处理详细流程

    Flutter+Metal实现图像处理详细流程

    Flutter使用CVPixelBuffer和iOS交互,我们可以直接使用CVPixelBuffer创建MTLTexture,然后将MTLTexture设置为渲染目标,这篇文章主要介绍了Flutter+Metal实现图像处理,需要的朋友可以参考下
    2022-06-06
  • Android 中ScrollView与ListView冲突问题的解决办法

    Android 中ScrollView与ListView冲突问题的解决办法

    这篇文章主要介绍了Android 中ScrollView与ListView冲突问题的解决办法的相关资料,希望通过本文能帮助到大家,让大家掌握解决问题的办法,需要的朋友可以参考下
    2017-10-10
  • Android高效安全加载图片的方法详解

    Android高效安全加载图片的方法详解

    Android开发中消耗内存较多一般都是在图像上面,下面这篇文章主要给大家介绍了关于Android如何高效安全加载图片的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-02-02
  • Android基于OpenCV实现QR二维码检测

    Android基于OpenCV实现QR二维码检测

    QR码比普通一维条码具有快速读取和更大的存储资料容量,也无需要像一维条码般在扫描时需要直线对准扫描仪。因此其应用范围已经扩展到包括产品跟踪,物品识别,文档管理,库存营销等方面。本文讲解Android基于OpenCV实现QR二维码检测的步骤
    2021-06-06
  • 很棒的Android弹幕效果实例

    很棒的Android弹幕效果实例

    这篇文章主要为大家详细介绍了很棒的Android弹幕效果实例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11

最新评论