By

之前用ios 上safari 去调试移动端的页面，但safari的调试不那么方便，上次调试微信分享的时候，团队小伙伴bukas 推荐用wenire，在他的指导下试用了下，觉得wenire 牛逼，好用，这里记录下使用及wenire的实现原理

wenire

wenire 是apache的一个项目
地址
所有的使用文档都在这里，可以参照install 和running 即可

原理

Weinre作为一种远程调试工具，在结构上分为三层

  • 目标页面Target Page
  • 调试客户端 Debug Client本地的Web Inspector调试客户端
  • 调试服务端 Debug Agent,一个HTTP Server，为目标页面与Debug客户端建立通信。

本身Debug Client 基于Web Inspector，Web Inspector基于webkit 内核的，所以wenire 支持在web kit的浏览器，safari 和chrome
盗个图
image

使用

  • 安装 && 启动
    参照项目主页上进行安装即可
    1
    2
    sudo npm -g install weinre
    wenire --httpPort 8081 --boundHost -all-

然后访问http://localhost:8080/，也可以用ip来访问，不在一台机器的时候就用ip来访问， 即可看到
调试主页

  • 目标页面
    在目标页面里引入js，你在启动时候看到的主页的里面的target
    目标脚本

  • 调试端
    这个时候，你在之前主页里主要看到Access Points，点击clent interface进入调试页面，tartgets这里列举的都是你在调试页面引入target script js 的页面链接，点击即可到对页面的调试
    调试端

  • 很炫的能力

    • 直接在deBUG Client 改动css， 目标页面生效
    • 直接在console 执行脚本也，目标页面生效
    • 上面的两个过程会有一定的延迟

调试脚本
结果

By

mark 下两个比较好用命令参数处理工具

最近写的命令行工具涉及到处理命令输入的参数，
我都是process.argv.slice(2) 去去处理的，看到zswang写的
项目中用的optimist 瞬间觉得自己弱爆了。于是就去npmjs
搜了搜，使用下觉得很方便，但是作者给出了建议

I don’t want to maintain this module anymore since I just use minimist, the argument parsing engine, directly instead nowadays.

Read More

By

Android提供了一个很强大的WebView控件用来处理Web网页，so， 如何在js来调用android
的方法呢，做个简单的了解记录下。本文主要记录下如何用js调用java中的一些方法，后续会研究
下如何调用java call js的实现，不过个人感觉更多的情况是js 去调用android一些功能

Read More

By

node 中经常会涉及到一些shell的操作，node提供相应的api去写shell程序
process.argv 获取命令行输入的参数
node社区提供了很多对node提供的api封装的api,还有我们经常-g install的package执行的时候都会一个很牛逼的图形有么有，怎么搞的呢？yosay？

Read More

By

移动端适配方案总结，移动端开发总是存在很多的挑战，兼容性、性能、更高要求的用户体验，都是前端攻城狮需要一一攻破的壁垒。而大屏、高分辨率的手机的出现，又为攻城狮们立下了一个新的制高点，如何适配不同尺寸，不同分辨率的机器，如何在高清分辨率的屏幕上为用户呈现更精致的作品，是前端攻城狮新的挑战。（最近在做调研，mark下伟涛写的）总结

Read More