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. 怎样用手机调试微信web开发
微信web开发者工具主要功能：
使用自己的微信号来调试微信网页授权；
调试、检验页面的 JS-SDK 相关功能与权限，模拟大部分 SDK 的输入和输出；
使用基于 weinre 的移动调试功能；
利用集成的 Chrome DevTools 协助开发。
工具顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口，以及微信客户端版本的模拟设置页。左侧是微信的 webview 模拟器，可以直接操作网
页，模拟用户真实行为。右侧上方是地址栏，用于输入待调试的页面链接，以及
3. 手机网站如何测试页面
就一般的网页服务器，IIS就可以吧
关键是手机访问，如果有WIFI就可以访问局域网，要不就得有个互联网的服务器和域名
4. 怎么使用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节点的时候手机上的相应布局也会高亮起
5. 怎样用手机浏览WEB网页
首先必须智能手机，然后下载第三方浏览器，例如海豚浏览器、uc浏览器、搜狗浏览器等等
我以海豚浏览器（iphone版）为例，如果你是安卓版操作不同，欢迎追问
步骤：
1、打开浏览器，点击下方三条横线的图标
2、点击后打开菜单，点击设置
3、打开设置菜单后，往下拉，打开“桌面模式”
桌面模式意思就是浏览器认为手机是桌面电脑，打开网站时会自动选择适合电脑的版本来显示，避免显示手机版网页
6. vivo手机怎么用web浏览器
在vivo浏览器中设置。
操作方法：1、首先，在我们的vivo手机页面，找到“浏览器”，点击进入它。
2、进入到vivo浏览器页面后，我们在其底部位置，点击“更多”图标。
3、在弹出的选项中，我们找到“设置”选项，点击它。
4、进入到设置页面后，我们点击“浏览器UA标识”选项，此时浏览器为“手机版”。
5、在弹出的窗口中，我们勾选“电脑版”。
6、返回设置页面页面，此时我们发现vivo手机浏览器已经设置为“电脑版”了。
网页浏览器（WebBrowser），常被简称为浏览器，是一种用于检索并展示万维网信息资源的应用程序。这些信息资源可为网页、图片、影音或其他内容，它们由统一资源标志符标志，信息资源中的超链接可使用户方便地浏览相关信息。
7. 如何查看手机Web页面中的调试信息
用谷歌浏览器
把你想查看的页面地址发到电脑上
打开谷歌浏览器
按“F12”进入开发人员工具
在选项卡最左侧有一个手机的标标志，点击它
此时你的浏览器会模拟手机或者平板，在左侧上方有一个“Device”
选择你下拉菜单中的“Apple Ipad”，他就可以打开手机Web页面了
将你的页面地址在这个状态下的谷歌浏览器中打开
右侧就是你要看的源代码和调试信息了
注：谷歌浏览器对开发者来说非常强大，你若是网站开发得学着去用谷歌浏览器
8. 在电脑上写移动端的网页如何在手机上测试
一、Chrome*浏览器
chrome模拟手机总共有四种方法，原理都一样，通过伪装User-Agent，将浏览器模拟成Android设备。以下标星的为推荐方法。
1.新建Chrome快捷方式
右击桌面上的Chrome浏览器图标，在弹出的右键菜单中选择“复制”，复制一个图标副本到桌面。右击该副本，选择“属性”，打开相应的对话框，在“目标”文本框的字符后面添加以下语句：“–user-agent=”Android””。注意user前面是两个“-”，并且“chrome.exe”与“–user”之间有一个空格。确定之后，打开这个新建的Chrome快捷方式，输入3g.qq.com就可以浏览到像手机里打开一样的页面了。
这时可以新建一个用户，就不影响原来用户访问的时候也是访问的手机版。
2.一次性模拟iPhone和安卓手机
开始–运行中输入以下命令，启动浏览器：
模拟谷歌Android：
chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"
模拟苹果iPhone：
chrome.exe --user-agent="Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"
这种方法仅供特殊情况下使用，因为重启Chrome将不能恢复正常User-Agent，所以是一次性。
更多的user-agent请自行搜索。
3.安装插件
插件可以很方便切换各种user-agent，很方便，但是可能会稍微影像性能。
User-Agent Selector地址：https://chrome.google.com/webstore/detail/user-agent-selector//related
4：自带模拟器*
打开chrome开发者工具，按F12（r32版本），然后找到右上角的齿轮按钮，打开设置面板，选择Overrides，勾上Show ‘Emulation’ view in console drawer（在控制台视图中显示“仿真”）。
然后关闭设置面板，选择Elements面板（非Console就可以），找到右上角打开控制台面板，选择控制台面板里的Emulation面板，右边有很多选项，选择一个点击Emulate就可以了，Reset按钮能恢复到默认状态。
二、Firefox*浏览器
1.修改user-agent
和chrome一样安装插件修改user-agent的方法，搜索wmlbrowser、XHTML Mobile Profile以及User Agent Switcher三个插件
2.火狐响应式设计+修改user-agent*
最近的火狐自己添加响应式设计功能和3D试图都很棒，打开火狐自己的控制台（非firebug），找到右上角的响应式设计按钮。
打开后即切换到响应式设计界面。
3.Firefox OS 模拟器
安装的方法可网络搜索。可用里面的浏览器打开网站即可，但这种方法打开的是电脑网站，而不是手机网站，也就是user-agent不是手机的，故对响应式界面起作用，对判断user-agent的网站不起作用，访问qq，等返回的都是电脑界面。
三、Opera*浏览1.修改user-agent
和chrome和firefox类似，可自行安装插件，自opera12之后，opera改用webkit内核，故可安装chrome的插件，也可自行在opera的商店中搜索插件，下载适合自己的版本。
四、模拟器*
1.官方模拟器*
做安卓开发的肯定都知道安卓模拟器，这是谷歌官方的提供的开发环境，能模拟安卓环境，还可切换各个版本，可下载配置好的环境，然后打开eclipes，直接打开AVDM，穿件一个AVD，然后start。
要等一大会时间，会打开模拟器，和安卓环境一样，打开里面的浏览器测试即可。
2.bluestacks
这也是一款模拟器，可自行搜索
五、在线测试
在线只能测试界面的视觉效果，不能调试，但也是很不错的。
1.Mobile Emulator*
非常不错，速度也很快，界面很简洁，支持多种平台。
2.opera mini simulator
需要java环境支持，单一平台，opera出品，速度很快。
3.webpage mobile。
9. 如何在移动设备上调试html5开发的网页
下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试。这里要说明的是，iOS平台只能用自带的Safari浏览器来调试，而Android平台也只能用google Chrome浏览器来调试。当然，我目前只发现这么两种手段，如果你还有其他方法可调试更多的浏览器，希望你能留言告诉我。
一、iOS + Safari
1、打开手机web检查器。
通过【设置】>【Safari】>【高级】>【Web检查器】打开。
2.1 先在手机Safari中打开你想调试的网页，并用数据线连接到电脑（我这里是Mac）
2.2 再在电脑上打开Safari点击【Develop】菜单
3.3 点击2.2中的网站名就会在电脑上打开Safari的控制台
3.调试网页
如上3.3图所示，此时你可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来
二、Android + Chrome
1.设置手机
1.1【设置】>【关于手机】>【版本号（Build number）】，对版本号这一项连点7下就会提示“你已成为开发者”。
1.2 再返回【设置】>【开发者选项】>【USB调试】打开手机USB调试。
2.设置电脑（Mac）
这块比较麻烦，因为要装一下Android的SDK。
2.1 下载Android SDK，并解压，我把整个adt目录放在了 /Users/David/adt/ 这里。
2.2 设置环境变量 。打开终端在David路径下（形如 DaviddeMacBook-Pro:~ David$）输入 open .bash_profile，如果文件存在则会打开，如果不存在则再输入touch .bash_profile 创建并打开这个文件。在文件里输入export PATH=$PATH:/Users/David/adt/sdk/platform-tools:/Users/David/adt/sdk/tools ，关闭保存。最后在终端里输入 source .bash_profile 来更新环境变量使其生效。终端里输入 adb 出现命令帮助信息就是成功了。
2.3 在终端里输入 adb forward tcp:9222 localabstract:chrome_devtools_remote 。
3.链接电脑
3.1 在手机上的Chrome里打开想要调试的网页，用数据线连接手机和电脑（我的是Mac。唉～我只是强调平台的不同，不要误会）。
3.2 打开电脑上的Chrome，在地址栏里输入 about:inspect 选中 【Discover USB Devices】前面的复选框
4.调试网页
4.1 你可以点击图3.2中检测到的设备上正在运行的网站下面那个【inspect】，或者在浏览器中输入 localhost:9222 打开手机正在浏览的网页列表
4.2 点击上图中的网站缩略图，就会跳转到Google的一个代理链接（链接可能被墙……，挂代理）就会打开如下图所示的控制台
4.3 这就和电脑上网页调试没什么差别了，鼠标经过DOM节点，手机上的布局同样也会高亮起来
10. 如何测试一个WEB页面
试可以自动进行，现在已经有许多工具可以采用。链接测试必须在集成测试阶段完成，也就是说，在整个Web应用系统的所有页面开发完成之后进行链接测试。
2、表单测试
当用户给Web应用系统管理员提交信息时，就需要使用表单操作，例如用户注册、登陆、信息提交等。在这种情况下，我们必须测试提交操作的完整性，以校验提交给服务器的信息的正确性。例如：用户填写的出生日期与职业是否恰当，填写的所属省