HTML5 chrome移动设备和电脑端联调

在移动设备上执行基于canvas等的网页游戏或者软件已经是一件很稀松平常的事情了。如果是自己要做一个类似的网页，需要Debug的话，我们通常会借用chrome的F12，召唤出开发者工具进行Debug，在console里输出，利用console.log这个万能的Debug神器进行检查。但是如果在移动端运行网页，你就没法打开F12了，移动设备上的网页要想Debug的话就只能借助和电脑的chrome联调了。

举一个安卓手机的例子。

1.首先在在电脑端打开chrome，打开 chrome://inspect 网页，此时可以看到一个device列表：

2.然后在安卓手机上运行chrome，在手机的设置菜单中找到开启usb调试，将手机和电脑用usb连接上。这样你就能够在Device列表中看到你的手机了：

3.接下来就可以在电脑的虚拟屏幕或者手机上直接点击网页，在右侧console中输出Debug信息了！