如何在 PC 机上测试移动端的网页？

如果用 HTML5 写的页面，想兼容 iOS、Android 平台的手机，在 PC 机上看有些效果可能不准确，但不可能在每个移动终端都放上去看下效果吧，一般用什么工具呢？模拟器？有没有更好的工具推荐？
我知道可以用 Opera 移动版，还可以用 Safari 修改 UA 成 iPad，Chrome也 中可以设置，你们都是这样测吗？

回复内容：

腾讯这边有一款非常好的产品，可以测上线的网页在移动设备的兼容性。

云端有很多真机，通过网页可以操作真实手机。

选择一台：

进入测试：


目前这个对网速的要求比较高，高清模式的话，需要1M/s左右的网速，如果网速不够的话，可以切换到流畅模式，流畅模式的话画质不是很清晰，不过也能看。

这个真机的测试应该比模拟器更有优势，而且目前几乎就是免费试用。

http://wetest.qq.com/cloud/index.php/help/cloudindex

大腾讯就是有钱 调试:
打开chrome 输入网址,按F12呼出调试器,按esc就会底下再冒上来一坨,选 emulation
在Chrome里开发网页你懂的,各种好
除了
字体是不一样的,导致文字宽度都可能不一样,继续导致在手机里会掉下去什么的
还有Retina什么的,1px的线之类的

iOS:
然后Safari里直接能调出来调试器

这个傲娇的公司...,在PC下推荐用 VMWare 跑个 Mavericks
这OS比较吃硬件,我用的是Alienware,之前Thinkpad W500跑的略累

Android:

然后Chrome里直接能出来调试器


官方: Android SDK | Android Developers
不过强烈推荐 Genymotion - 完爆 Android SDK 模拟器 速度贼快




===update====
基友这边团队开发了
微信web开发者工具
墙!裂!推!荐!

更新下答案，好像最新版的 chrome 本身已经支持 ADB 了，所以就不再需要安装那些插件啦~~

=======================================================================================

1. Chrome To Mobile

PC机上安装该chrome插件；在手机端安装chrome浏览器，登录chrome帐号， 启用“Chrome 转发至移动设备服务”； 在PC端上输入对应要调试的网址，然后点击发送到手机， 则会将该网址发送到手机端。免去了移动端上输入网址困难的烦恼。

注：ios chrome 与android chrome 都支持该功能

2-1. 调试—有线

Android chrome + Wndows/Mac OS

Android SDK

(1) 安装Android SDK

下载>解压>设置PATH为/platform-tools/

(2) 手机启用USB调试模式

设置>开发者>开启USB调试模式

(3) chrome启用USB网页调试

设置> 开发者工具 > 启用USB网页调试

(4)用USB线连接移动设备

(5)开启adb服务器

命令行进入sdk/platform-tools目录>输入

adb forwrad tcp: localabstract:chromedevetoolsremote

(6)访问localhost:

注：启动服务遇到错误的情况,