使用Fiddler调试手机应用

要调试或优化Web应用,可以借助浏览器自带的开发者工具或安装浏览器插件,也可以通过一些代理工具如Fiddler、Charles抓包数据来调试优化。这些代理工具也可以对桌面及手机应用抓包,其中Fiddler还是免费的。不仅测试喜欢用它,相信做Native App开发的同学们也青睐它。如果您在做Html5开发,如果你想研究一款App的数据请求,极力推荐一定要试一试Fiddler。 继续阅读“使用Fiddler调试手机应用”

同步Flotr2 Chart的鼠标跟踪

同步Flotr2 Chart的鼠标跟踪比起同步Flex Chart的数据提示要麻烦,而且Flotr与Flotr2调用的API还不一样。Flotr中的“flotr:hit”事件对象有一个memo属性,而Flotr2中的“flotr:hit”事件对象其实就是一个nearest对象。不仅如此,在Flotr2中调用graph.hit(mouse);会报错,得使用graph.hit.drawMouseTrack(n);graph.hit.drawHit(n);来实现,详见本实例中的doHit函数: 继续阅读“同步Flotr2 Chart的鼠标跟踪”

限制鼠标跟踪在Flotr2图表范围中显示

Flotr2 hit插件很好用,但有一个缺点:鼠标跟踪有时会超出图表范围显示。如果图表是满屏显示,那这就是个Bug了。其实,很容易就能限制鼠标跟踪始终在图表范围中显示。原理是这样的:鼠标跟踪显示后,如果它的位置超出图表右端,需要重新定位到west方向;它的位置超出图表顶端,重新定位到south方向。依次类推。如下代码: 继续阅读“限制鼠标跟踪在Flotr2图表范围中显示”

Flotr2简介

Flotr2是Flotr的分支,它有独立版和插件版。独立版对旧版本做了不少改进,不但移除了对Prototype的依赖还改进移动设备的支持,比如支持Touch事件。数据系列也有了改进,构成系列的每个数组可以支持多个元素,旧版的只支持两个(对应x和y)。插件版可灵活选择并自由扩展插件。详见Flotr2官网:http://www.humblesoftware.com/flotr2继续阅读“Flotr2简介”