A. 如何实用便捷的在本地真机调试WEB端HTML5网页
1、如果你能FQ
chrome在32版本后就自带了移动端调度工具，可以在Android直接联调，但唯一遗憾的是，在我大天朝要FQ后才能行的通，我自己试了后公司好几个机器联不上…
2、如果你有苹果电脑和iphone
苹果电脑上的safari 6.0版本后就可以直接连接iphone手机调试手机版上safari正在浏览的web页面，前提是你得有个苹果电脑和iphone手机，但如果你是Android的话，就没办法了
符合前端B格的“小苹果”
自己在公司里也是开发Mobile端的HTML5页面的，也深受调试页面之苦，移动端的WEB页面坑又多，所以用node-webkit技术做了一个客户端，专门用来调试，现在每天工作之前都先打开“小苹果”
小苹果用的是node-webkit技术打包成客户端，其实内部实现都是web 页面与nodejs技术，所以特别符合前端B格。而且由于用了node-webkit技术，客户端可以跑在windows和mac电脑上，齐活儿了
小苹果官方网站
里边有下载及安装和使用的方法
B. 微信公众号web开发调试不方便吗送你2款调试工具完美解决
前言
我们公司有做微信公众号衔接的项目开发。前端小伙伴一般都是在chrome用手机模拟调试网页，但是不方便调试与微信衔接部分的功能。有些bug在chrome上没有调试出来，但是一到真机调试的时候，就出现了。
我也是大量的查阅资料并实践，发现如下2个调试工具技巧，即可完美解决以上遇到的微信项目开发令人头疼的调试问题。
1. vConsole 推荐指数：★★★★★
腾讯出品的 Web 调试面板，相信不少前端小伙伴都用过。vConsole 会在你网页中加一个悬浮的小按钮，可以点击它来打开关闭调试面板，并查看 DOM、Console、Network和 本地存储 等信息。基本可以满足普通前端开发的需求。使用方法也很简单，通过npm安装或者直接在需要的页面引入 js文件 ，然后 new VConsole() 就可以了。不熟悉的小伙伴可以直接去官方的 GitHub 看 README。但是它并没有解决我的问题，因为我的 bug严重到一进页面就报错，脆弱的 javascript 直接原地爆炸，页面一片空白。
2. 微信web开发者工具 推荐指数：★★★★★
这是一款早期的微信web开发者工具，最新版本： (2016.05.19)0.7.0
前端小伙伴可能更熟悉的是小程序web开发者工具。但是我今天主要介绍的是该工具的 移动调试功能,这一个也许可以用fiddler抓包工具，fiddler配置起来很麻烦，没有该工具简单，应付移动端调试抓包还是搓搓有余。操作说明 请见官方文档讲得很清楚官方调试文档说明
这两款工具的实践是前辈们踩过的坑，并填了坑。你看到了就赚到了，并自己花1个小时的时间学习一下，就为自己节省了很大部分的时间。
工欲善其事必先利其器，没有好的调试工具或方法，移动端真机下的 debug 简直是前端的噩梦。但是有了这些好用的方法，我想各位优秀的前端大佬，帮妹子修复个小 bug 还是 so easy 的。
--完--
C. 微信web开发者工具移动调试怎么弄
使用工具：
电脑；
web开发工具；
例子：以安卓的移动调试为范本；
调试步骤：
选择无线网卡地址，默认即可，工具会自动查询无线网卡ipv4地址。
设置-无线局域网-选中网络-HTTP代理手动，设置好上面步骤以后，重启微信，这可能是让微信重新检测目前的网络情况，然后打开想调试的页面（注意，要先打开要调试的页面才可以开始调试）。
调试模式开启以后，就可以直接在手机上查看调试的结果或者修改东西。
注意：想调试本地开发的页面，需要开启web服务，只是一个本地页面，是无法打开调试的。
D. 如何在移动设备上调试html5开发的网页
1、打开手机web检查器。
通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。
E. 如何 iphone 真机调试web
参考下：1、授权设备：
进入Apple Developer会员中心，点击图中的iOS Provisioning
Portal，进入开发者授权设置系统：
在设置界面中，可以选择点击页面下方的助手来运行向导：
点击左侧导航的Device，进入授权设备的页面，点击右上方的Add Device按钮可以添加一个设备：
添加设备的时候可以指定设备的名字（随便写），以及设备的UDID。每一个Apple的设备都有一个唯一的标识符，获得这个标识符的方法很简单，有两种方式：
（1）将你的设备连接到电脑，然后在iTunes里找到你的设备信息（如下图），点击图中红色方框的位置，设备UDID就会显示出来。右击UDID会提示拷贝，将拷贝的结果复制到框内即可；
（2）打开xcode，window→organizer→devices，在里面可以看到identifier信息2、添加App ID：
点击左侧导航的App IDs按钮可以进入应用程序ID的配置页面，可以点击页面右方的New App
ID按钮添加一个新的应用。这个ID对应的是即将开发和测试的应用程序。如下图，在description里添加一个单一应用的名称（不支持特殊字符），然后在最下面的Bundle
Seed ID里面填入一个含有domain格式的字符串（如com.bo.test）。Bundle Seed
ID是一个集合了开发商与应用程序的信息，格式为(com.[开发商].[应用]），这里可以指定为单一应用，也可以指定为全部应用。如果是单一应用，建议刚才填写的description与Bundle
Seed ID的最后一项相同（如test和com.bo.test），如果是全部应用，可以使用这样的Bundle Seed ID：
com.bo.3、添加证书：
（1）首先在mac电脑上生成开发者证书：
在Applications->Utilities里手动打开Keychain
Access。按照下图操作最终点击“从证书颁发机构请求证书”
正确填写自己的邮箱和姓名即可，选择“存储到磁盘”，点击继续。最终会生成一个名为“CertificateSigningRequest.certSigningRequest”的文件。
这时候返回刚才的iOS Provisioning Portal网页界面，点击左侧的“Certificate”，点击页面右方的Request
Certificate申请一个证书，然后点击页面下方的按钮上传生成的certSigningRequest文件，这样就完成了证书的申请流程。申请成功后，Certificate页面里就有了一条证书，刷新几次页面后证书的状态就变成Issued，点击download按钮可以下载一个cer文件。4、使用开发者授权：
（1）回到iOS Provisioning Portal网页界面，点击左侧的“provisioning”，点击右侧的New
Profile按钮创建一个新的授权文件：
填写profile
Name；在Certificates中选择刚刚创建好的证书（一劳永逸的一步，之后只需勾选该证书即可，不必再手动添加）；APP
ID选择刚刚建的那个；Devices
选择刚刚添加的设备；Submit（绑定设备到应用程序）；刷新页面，会看到刚刚建的那个后边有个Download，点击Download，下载了一个.mobileprovision文件。
（2）打开xcode→window→organizer，将下载的.mobileprovision文件拖到Provisioning中（此步骤绑定设备到应用程序，并生成证书）
（3）项目中的plist 文件，将Bundle Identifier 这一项的内容改成Bundle Seed
ID(格式:com.[开发商].[应用])即可
将run按钮右边的设备选为对应的真机设备，接下来就编译运行看看吧！希望帮助你
F. 如何调试移动端网页
1
打开 仿真面板。
2
可以在 Device 选择设备。
可以在Screen 设置模拟的屏幕方面的东西，设置分辨率，屏幕尺寸。
可以在 User Agent 设置 客户端Agent
可以在 sensors 设置感应等，模拟触屏操作。
3
配置好之后，点击 Emulate 。开始进行仿真。
（选择Device需要点击emulate)其余选项是在修改后自动改变。
4
如何假设 平板旋转屏幕？
可以在 screen中，点击分辨率中间的互换按钮就可以了。
使用Chrome浏览器调试，配置好调试设置之后，可以自由输入 网址查看 在移动设备上的现实情况。