最近开始做移动端的网站,一直是用 Chrome 模拟手机显示来进行调试,不过这样还是有一些差别的;于是在网上找到一个工具(weinre)可以在 PC 上调试,手机上直接不用刷新就自动更新~;

  • 首先,需要安装 Node.js,然后用 npm 安装 weinre :

      $ npm install -g weinre
    
  • 安装完成后,使用 weinre 命令启动:

      $ weinre
      2014-12-24T11:04:20.640Z weinre: starting server at [http://localhost:8080](http://localhost:8080)
      //- 默认配置启动,只能用 localhost 访问,这样手机是不能防问的,所以需要修改启动配置,让能通过IP防问
    
  • weinre 提供了 6 个启动参数:

      $ weinre -?
      usage:   weinre [options]
      version: 2.0.0-pre-I0Z7U9OV
    
      options:
          --httpPort     port to run the http server on        default: 8080
          --boundHost    ip address to bind the server to      default: localhost
          --verbose      print more diagnostics                default: false
          --debug        print even more diagnostics           default: false
          --readTimeout  seconds to wait for a client message  default: 5
          --deathTimeout seconds to wait to kill client        default: 3*readTimeout
    
      --boundHost can be an ip address, hostname, or -all-, where -all-
      means binding to all ip address on the current machine'
    
      for more info see: http://people.apache.org/~pmuellr/weinre/
    
    • 常用的就两参数 --httpPort 设置端口;--boundHost 设置调试服务器绑定的 IP 地址;

        $ weinre --httpPort 8899 --boundHost -all-
        2014-12-24T11:17:56.773Z weinre: starting server at http://localhost:8899
        //- 设置启动的端口为 8899,`-all-`表示绑定到所有当前机器可以访问的接口,现在就可以通过 IP 防问啦
      
    • weinre

      主要用到:debug client user interface: 后面的 URL,这个URL就是在 PC 上打开一个调试界面

      然后在需要调试的页面中引入 Target Script 中脚本文件

      OK,现在可以在手机端打开需要调试的页面,然后在 PC 上尽情的调试吧。

      更多内容,点击这里
      中文版