17 March 2015

Rosin-移动端web开发调试利器

Rosin 是一个Fiddler插件，它能接收页面中的console的输出，将内容持久存储在本地，并展现在Fiddler面板。同时，它还提供很多其他便捷功能，详细内容见下文中的特性部分。
Rosin 的开发初衷，是由于我们缺少移动端的调试手段，当涉及到真机调试时，往往只能通过alert、img请求、日志框等方式来获取当前页面的运行状态，这些方法都存在各自的弊端，Rosin就是为解决这些弊端而生。

Rosin

A tool for web developers debug mobile page. http://alloyteam.github.io/Rosin/

Rosin是一个Fiddler插件，协助开发者进行移动端页面开发调试，是移动端web开发、调试利器。

版本

v1.0.0

下载安装

下载对应Fiddler版本的Rosin，解压之后运行RosinInstall.exe安装
( 如果电脑有权限控制，请 “右键->以管理员身份运行” )

Roisn for Fiddler2
Roisn for Fiddler4

特性

基于Fiddler实现
配置页面匹配规则
拦截console方法输出
日志内容本地存储
日志内容展示、搜索、过滤
复杂对象JOSN解析
脚本运行错误捕获

使用方法

打开Fiddler，切换到Rosin Tab
点击“Add Rule”按钮，打开规则添加面板
选择规则匹配类型，支持三种匹配类型：
    Host——域名，如：qq.com
    Path——路径或者具体的页面地址，如：http://web.p.qq.com/coupon 或者 http://web.p.qq.com/coupon/demo.html
    Regex——正则表达式，如：^http:\/\/web.p.qq.com
输入具体的规则内容
打开测试页面，在测试页面代码中调用console打日志，或者在PC控制台模拟
回到Fiddler，切换到Rosin的Log选项卡，选择我们的测试页面，查看日志
对于复杂对象，双击Object字符区域选中，然后右键
复杂对象都会被转为JSON对象，生成一个JSON View
功能区，一些功能按钮，包括：日志文件导出、日志清空、日志文件删除
搜索功能，搜索框中输入文本，会自动高亮匹配结果，按Enter切换匹配区域
javascript运行时错误信息捕获，并且支持跨域情况下的捕获（还记得那些Script.error 0的错误吗）