• 在本地调试移动设备上的页面——神器weinre


    安装

      对于习惯在windows下开发的程序猿,看到nodejs总有一种隔海相望的感觉,但现在nodejs在windows下的支持已经比较完善了。我就是在win7下顺利配置好该环境。

      1. 首先保证你安装了nodejs环境,如果没有,先去官网下载安装。

      2. nodejs v0.10已经集成了npm,所以可以直接使用npm安装,在cmd中敲:npm install weinre -g。

      3. 安装完成后,你会在目录C:UsersAdministratorAppDataRoaming pm ode_modules下看到weinre,这便是它的主目录了。

      4. 在cmd中运行weinre --httpPort 8080 --all,然后打开浏览器访问127.0.0.1:8080,如果出现如下页面,就说明安装成功

     

    使用

      在使用之前我们需要明白weinre中都有哪些角色:

      目标页面——我们真正要调试的页面,也就是要运行在移动设备上的页面

      调试端——我们的本地浏览器,在这里对目标页面进行调试

      服务器——监控目标页面和调试端的动作,向两端推送消息

      首先,weinre已经包含了一个http服务器,它的根目录就是C:UsersAdministratorAppDataRoaming pm ode_modulesweinreweb。该目录下放置目标页面和调试端页面。

    为了组织好你的目标页面,可以在当前目录下新建一个文件夹,如www。

      该目录下client即为调试端。

      使用weinre命令可以启动服务器,具体的选项可以参考官网http://people.apache.org/~pmuellr/weinre/docs/latest/Running.html,挺简单,一般使用weinre --httpPort 8080 --boundHost -all- 就可以了。

      服务器启动后,在本地浏览器地址栏访问http://127.0.0.1:8080/client/即可打开调试端,界面如下:

    相信你不会陌生~ Targets即显示当前映射的远程页面,下面该把远程端运行起来了。

      在用移动设备访问你的目标页面前,还有一件事要做。在web/target下,有一个target-script-min.js文件,讲它引入你的目标页面头部,像这样:

    <script src="../target/target-script-min.js" /></script>

      好了,可以用你的ipad来访问目标页面了,当连接到服务器之后,你会看到调试端有变化了:

    Targets下显示出了映射到的页面,绿绿的。然后可以点击你熟悉的标签来进行调试了~

  • 相关阅读:
    第01篇 说一下Setting,我一直没有讲过
    簡單委託介紹
    委託和事件
    wcf
    網站和項目的發佈問題
    jquery和js使用技巧
    js中String.prototype.format類似于.net中的string.formitz效果
    [剑指Offer] 6.旋转数组的最小数字(二分法)
    [剑指Offer] 5.用两个栈实现队列
    [剑指Offer] 4.重建二叉树
  • 原文地址:https://www.cnblogs.com/zhangrenjie/p/6644476.html
Copyright © 2020-2023  润新知