关键词：
最近要分析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那些分析工具一样）
移动端真机调试终极利器-browsersync（使用方法）
1.安装Node.jsBrowserSync是基于Node.js的,是一个Node模块，如果您想要快速使用它，也许您需要先安装一下Node.js 安装适用于MacOS，Windows和Linux。2.安装BrowserSync您可以选择从Node.js的包管理（NPM）库中 安装BrowserSync。打开一个终端... 查看详情
移动端真机调试实战经验(代码片段)
...我的博客查看更多文章~前言在开发中前端免不了要进行移动端的开发，然而在电脑上看的样式和手机上还是有一定的差距的，因为手机上有顶部的状态栏和底部的菜单栏，特别是在qq内置浏览器中打开，差距还是蛮大的，所以在... 查看详情
使用pc端浏览器开发者工具对移动端真机环境web页面进行远程调试
...面Mac/Windows浏览器开发者工具远程调试iPhone/Android页面在移动端Web开发中，有时候只通过模拟器进行调试是不够的，需要在真机环境下进行调试才能发现并解决一些问题。而移动端真机环境浏览器没有开发者工具，在这种情况下... 查看详情
移动端调试
xx</a使用spy-debugger调试微信或者移动端的网页移动端真机调试</a 查看详情
如何在移动设备上调试网页
这篇文章所讲到的方法已经过时，请移步《移动端真机调试终极利器-BrowserSync》，欢迎分享更多工具。手机端页面，大多运行在webkit内核的浏览器上，但还是会因平台、厂商的不同而有种种兼容性问题。下面就介绍一下在iOS和And... 查看详情
关于微信小程序云开发----手机端真机调试
最近我做了一个小程序软件，用到了小程序云开发。在开发者工具中调试，一切正常，需要上传云端的文件和数据都能正常上传，但换成了真机调试，console没有报错，也没有不正常的地方，就是无法将数据上传云端（或者说不... 查看详情
手机调试
...pectwebonrealdevice），是指用桌面电脑（PC或MAC）远程连接上移动设备，通过类似Chrome浏览器开发人员工具的界面，来调试移动设备上运行的网页当前：Oct27,2014“真机远程调试”的方法总是在发展，日新月异，有必要在每次更... 查看详情
whistle——真机移动端页面调试查看修改真机端的页面dom结构及样式
1、查看、修改真机端的页面DOM结构及样式【参考——https://imweb.io/topic/5981a34bf8b6c96352a59401】；1.0、需要配置的rule——域名weinre://随便某个分类命名【如：wq.jd.comweinre://test2——test2只是作为weinre的分类，防止一... 查看详情
试说移动端是如何调试的？
移动端调试;（1）模拟手机调试；（2）真机调试之android手机+Chrome；（3）真机调试之iphone+safai；（4）UC浏览器；（5）微信内置浏览器调试；（6）调试工具debuggap；（7）抓包;细节参考：https://segmentfault.com/a/1190000005964730 查看详情
调试移动端页面
调试移动端页面分为两种开发时，移动设备连接上PC起的服务调试移动设备上的页面手机连接PC的本地服务在开发移动设备页面时，常用CHROME自带的模拟移动设备外，还需要有真机去测试一下，而不是布到测试服务上去之后，再... 查看详情
vue_真机调试页面
...家的，还是太懒了。 我用的是vux起的一个项目（移动端，基于vue的），因为是移动端的，需要在手机上测试，发现用http://loc 查看详情
低版本xcode真机调试高版本ios的解决方法
...好，Springboard三天崩溃一次，基本不影响使用。而开发中真机调试问题不少。手头的项目Xcode从9升到10是无法编译通过的，有大量的cannotinvokeinitializerfortype''withnoarguments错误。尝试修改File->WorkspaceSettings->BuildSystem为LegacyB... 查看详情
《移动项目实践》实验报告——android调试与上线(代码片段)
实验目的1、几种常见的App调试方法，包括使用外置模拟器调试，比如几种国产模拟器的用法；电脑连接真机调试，描述真机调试要具备的条件；2、分发APK安装包给他人调试，着重说明签名证书的创建方法&... 查看详情
移动端手机调试的几种方法
参考技术A很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为... 查看详情
真机调试
...rwiththespecifiedhostnamecouldnotbefound.xcode发出这个错误 一般是真机网络和pc端不在同一个网段 检测真机网络重新连接wifi不行safari激活 就可以进行测试在ios开发中经常出现“ unrecognizedselectorsenttoinstance ”这个错误。现在发现的原因... 查看详情
如何用android studio进行无线的真机调试
参考技术A用AndroidStudio进行无线的真机调试的设置方法；1、连接手机，手机开启adb。步骤：设置>应用程序>开发>选择USB调试：2、Androidstudio中设置使用手机而不是模拟器。3、按SHIFT+F10，运行程序。开始正式在真机运行。 查看详情
如何用androidstudio进行无线的真机调试
1，在真机中设置USB调试模式打开，具体：“设置”->“应用程序”->“开发”->“USB调试”。2，安装安卓的USB驱动，如果按照不好，那么去下载一个豌豆荚，它会帮你正确安装你的手机驱动。下载地址：http://www.wandoujia.com/... 查看详情
如何用ionicframework进行混合移动应用开发
方法/步骤1进行以下操作前请确保电脑已经安装了nodejs。2安装IonicCLI打开mac的终端（Terminal），输入：sudonpminstall-gionic回车后输入mac的用户密码，就可以把ionicCLI安装到全局位置安装命令与安装结果如下：3安装cordova在终端中输入... 查看详情