⑴ 如何查看手机Web页面中的调试信息
用谷歌浏览器
把你想查看的页面地址发到电脑上
打开谷歌浏览器
按“F12”进入开发人员工具
在选项卡最左侧有一个手机的标标志，点击它
此时你的浏览器会模拟手机或者平板，在左侧上方有一个“Device”
选择你下拉菜单中的“Apple
Ipad”，他就可以打开手机Web页面了
将你的页面地址在这个状态下的谷歌浏览器中打开
右侧就是你要看的源代码和调试信息了
注：谷歌浏览器对开发者来说非常强大，你若是网站开发得学着去用谷歌浏览器
⑵ 如何利用Chrome devTools调试android手机上的web网站
1、打开 Chrome 浏览器 ,地址栏输入：chrome://inspect/#devices
4、你可以在该界面操作手机web界面等等，至于其他功能，请自行探究，谢谢~
⑶ 如何实用便捷的在本地真机调试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电脑上，齐活儿了
小苹果官方网站
里边有下载及安装和使用的方法
⑷ 微信web开发者工具移动调试怎么弄
使用工具：
电脑；
web开发工具；
例子：以安卓的移动调试为范本；
调试步骤：
选择无线网卡地址，默认即可，工具会自动查询无线网卡ip v4地址。
注意：想调试本地开发的页面，需要开启web服务，只是一个本地页面，是无法打开调试的。
⑸ android chrome 怎么启用 web调试
1、打开
chrome
浏览器
,地址栏输入：chrome://inspect/#devices
2、将android
设备usb连接或wifi连接到电脑（这里只操作usb，window
os）,打开设备上的chrome客户端app，然后打开一个web界面（这里以网络首页为例）,手机如果连接成功，且打开了chrome
客户端app
,你将会看到如下界面：
3、上图中的"网络一下"就是客户端打开的web页面，然后点击其下的“inspect”，将会出现以下界面：
4、你可以在该界面操作手机web界面等等，至于其他功能，请自行探究，谢谢~
⑹ 微信web开发者工具怎么调试本地代码
使用工具：
电脑；
web开发工具；
例子：以安卓的移动调试为范本；
调试步骤：
选择无线网卡地址，默认即可，工具会自动查询无线网卡ip v4地址。
注意：想调试本地开发的页面，需要开启web服务，只是一个本地页面，是无法打开调试的。
⑺ 如何 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按钮右边的设备选为对应的真机设备，接下来就编译运行看看吧！希望帮助你
⑻ 怎样用手机调试微信web开发
微信web开发者工具主要功能：
使用自己的微信号来调试微信网页授权；
调试、检验页面的 JS-SDK 相关功能与权限，模拟大部分 SDK 的输入和输出；
使用基于 weinre 的移动调试功能；
利用集成的 Chrome DevTools 协助开发。
工具顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口，以及微信客户端版本的模拟设置页。左侧是微信的 webview 模拟器，可以直接操作网
页，模拟用户真实行为。右侧上方是地址栏，用于输入待调试的页面链接，以及
⑼ 怎么在移动端调试web前端
移动端调试我知道的方法有2种
一种是谷歌浏览器自带的，安卓手机插上就行，然后就可以进行手机调试，前提是必须得开代理；
另外一种是打开安卓手机浏览器，输入你电脑本地ip地址，然后紧接ip地址后面输入你项目路径，也可以进行调试；
工作中我一般用第一种
如果苹果手机调试的话，那更简单，用xcode
⑽ 怎么使用Safari 调试 Web页面
具体操作如下：
1、打开手机web检查器。
通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图（点击查看大图）
2.链接电脑（Mac）
2.1 先在手机Safari中打开想调试的网页，并用数据线连接到电脑（这里是Mac）
2.2 再在电脑上打开Safari点击【Develop】菜单，就会看到如下图所示（点击查看大图）：
2.3 点击2.2中的网站名就会在电脑上打开Safari的控制台，如下图（点击查看大图）：
3.调试网页
如上2.3图所示，此时可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起