1. 怎么在移动端调试web前端
响应式测试：Chrome DevTools 面板右侧拉伸快速查看效果；Firefox 响应式工具进一步调整；Chrome Emulation 精细测试。
Android 设备测试：使用 Android 虚拟机；优先使用 Weinre 测试，分析用户浏览器使用份额，有针对的进行测试。高版本 Android 测试机，使用 Chrome 连接调试。Android 4.4+ 的 WebView 修改 APP 源代码，也可以用 Chrome 调试。
低版本系统和其他品牌手机以及 WebView：统统可以用 Weinre 来解决。
iOS 设备测试：使用 Xcode 自带 iOS 模拟器，使用 Safari 调试；WebView 也可以被电脑上 Safari 调试；测试机连接电脑，也可以用 Safari 调试；MIHTool 可以在 iOS 设备上使用，提供类似 Weinre 的调试功能。
测试多种设备：BrowserStack 和 Keynote。
使用 BrowserSync 可以创建本地局域网 IP 服务器，并同步操作、监听刷新，极大减少测试操作，提高测试效率。
当移动端设备无法访问某项资源时，使用 Charles 做代理，通过电脑去访问。
2. 如何利用Chrome devTools调试android手机上的web网站
1、打开 Chrome 浏览器 ,地址栏输入：chrome://inspect/#devices
4、你可以在该界面操作手机web界面等等，至于其他功能，请自行探究，谢谢~
3. 微信web开发者工具移动调试怎么弄
使用工具：
电脑；
web开发工具；
例子：以安卓的移动调试为范本；
调试步骤：
选择无线网卡地址，默认即可，工具会自动查询无线网卡ip v4地址。
注意：想调试本地开发的页面，需要开启web服务，只是一个本地页面，是无法打开调试的。
4. 怎样用手机调试微信web开发
微信web开发者工具主要功能：
使用自己的微信号来调试微信网页授权；
调试、检验页面的 JS-SDK 相关功能与权限，模拟大部分 SDK 的输入和输出；
使用基于 weinre 的移动调试功能；
利用集成的 Chrome DevTools 协助开发。
工具顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口，以及微信客户端版本的模拟设置页。左侧是微信的 webview 模拟器，可以直接操作网
页，模拟用户真实行为。右侧上方是地址栏，用于输入待调试的页面链接，以及
5. 怎么在移动端调试web前端
日常开发中，用 Chrome 模拟 UA、屏幕尺寸 和 触摸特性，完成第一阶段的开发和调试。
<img src="https://pic4.mg.com/50/_hd.jpg" data-rawwidth="420" data-rawheight="169" class="content_image" width="420">
Android 的话，Chrome 也有提供对应的调试工具。
6. 怎么在移动端调试web前端
日常开发中，用 Chrome 模拟 UA、屏幕尺寸 和 触摸特性，完成第一阶段的开发和调试。
第二阶段：
iOS 的话，iPhoen 数据线链接 Mac，打开 Safari 就可以直接使用 Mac 的 Safari 调试工具了。
Android 的话，Chrome 也有提供对应的调试工具。
国产浏览器中，UC 在 Android 提供了开发者版本，局域网下直接访问机器的IP + 9998端口即可进入调试环境。
但对于国内开发者而言，最大的问题在于国产浏览器的各种奇怪BUG。
面对这类没有调试工具的浏览器，weinre 也是一个可行的解决方案。
如果只是对JavaScript的异常进行跟踪，自己敲几行代码也可以勉强处理一下。
引入一个外部链接来接收异常信息，借此把异常显示到开发环境中，这样就可以根据异常的信息对 JavaScript 代码进行跟踪和定位。
其中大致的实现原理，是通过对 window.onerror 进行一个全局的异常监听，把捕获到的异常发送到指定的接口。
7. 怎么在移动端调试web前端
可以直接用satari开发工具调试。chrom
+android也有类似的工具组合，但是没有实际
过。楼主如果觉得不太满意的话，可以去后盾人看看，那里也许会有不错的答案
8. app中有webview调试模式吗
打开Android APP Webview调试模式
大家知道google提供了webview组件的调试工具devtools，通过devtools可以直接在pc端的chrome上直接调试app上的html内容，前提是webview必须打开debug模式。
有时候我们需要测试webview的html5性能参数时发现在chrome上找不到我们想要的页面这就是因为APP的webview组件debug模式没有打开，下面看下具体怎么打开webview组件的调试模式。
新建一个demo，demo中新建一个webview对象
安装app到手机打开chrome的inspect工具
在chrome inpect中能找不到调试页面的入口
修改代码增加
webView.(true);
再次安装app到手机并打开APP，打开chrome的inspect工具
发现在chrome inpect中能找到调试页面的入口了
打开webview的debug模式很简单，直接在对象实例中增加这一句就可以了
webView.(true);
需要注意的是每个webview组件实例需要单独设置，下次在遇到inspect找不到html调试入口就可以自己修改代码了
作者：ddssf
链接：http://www.jianshu.com/p/ebd9736ad274
来源：简书
着作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
9. 怎样用手机调试微信web开发
微信web开发者工具主要功能：
使用自己的微信号来调试微信网页授权；
调试、检验页面的 JS-SDK 相关功能与权限，模拟大部分 SDK 的输入和输出；
使用基于 weinre 的移动调试功能；
利用集成的 Chrome DevTools 协助开发。
工具顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口，以及微信客户端版本的模拟设置页。左侧是微信的 webview 模拟器，可以直接操作网
页，模拟用户真实行为。右侧上方是地址栏，用于输入待调试的页面链接，以及
10. 如何利用Chrome devTools调试android手机上的web网站
一、安装Android SDK
下载Android SDK，地址：http://developer.android.com/sdk/index.html，本人的机器是windows，下载的文件为adt-bundle-windows-x86，解压并释放到D:/soft/android/adt（你也可以选择其他路径）
二、允许Android 手机启用USB调试
1、android系统设置：“设置”》“开发人员选项”》“USB调试”；
2、手机上Chrome浏览器设置：打开Chrome浏览器，点击左下角菜单按键，“设置”》“开发者工具”》“启用USB网页调试”
三、运行Android SDK
1、设置环境变量：右击“我的电脑”》“属性”》“高级”》“环境变量”》编辑“PATH”变量值，在末尾添加“;D:\soft\android\adt\sdk\platform-tools”
2、运行adb
打开cmd，输入如下命令：
Command代码
adb forward tcp:9222 localabstract:chrome_devtools_remote
详情如图：
四、调试
1、在手机上用Chrome打开需要调试的网站
2、在电脑上用Chrome打开http://localhost:9222/，如图所示：
3、调试
点击需要调试的网站，熟悉的Developer Tools就出来了，如图所示：
【完成】
至此，利用Chrome在android手机上调试网站的方法告一段落。
更详细的方法请看：
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
更多的资料请参考：
http://www.html5rocks.com/en/mobile/profiling/