Rosin
A tool for web developers debug mobile page. http://alloyteam.github.io/Rosin/
Rosin是一个Fiddler插件,协助开发者进行移动端页面开发调试,是移动端web开发、调试利器。
分支说明
由于Fiddler有2+和4+两种不同的版本,分别对应.Net Framework 2.0和.Net Framework 4.0。另外,两个版本在开发编译时都有不少区别,所以这里的分支也分为两个版本, master对应的是Fiddler 2+的Rosin,fiddler4-trunk对应Fiddler 4+的Rosin
开发编译环境配置
请参考链接:https://github.com/AlloyTeam/Rosin/blob/gh-pages/how-build-rosin.md
使用环境说明
Rosin适用于项目通过Fiddler代理调试web页面的场景,关于如何使用Fiddler代理调试移动web页面,参考这篇文章:https://github.com/AlloyTeam/Rosin/blob/gh-pages/debug-mobile-page-width-fiddler.md
版本
v1.0.2
下载安装
下载对应Fiddler版本的Rosin,解压之后运行RosinInstall.exe安装
( 如果电脑有权限控制,请 "右键->以管理员身份运行" )
Roisn for Fiddler2
Roisn for Fiddler4
特性
- 基于Fiddler实现
- 配置页面匹配规则
- 拦截console方法输出
- 日志内容本地存储
- 日志内容展示、搜索、过滤
- 复杂对象JOSN解析
- 脚本运行错误捕获
- 支持https日志输出
使用方法
- 打开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的错误吗)
更新日志
v1.0.2 -- 2015.03.31
- 支持https页面日志输出
- 修复兼容性问题
v1.0.0 -- 2015.01.20
- 支持日志级别按颜色区分
- 支持按级别筛选日志
- 支持日志文件导出
- 支持日志内容清除
- 支持日志文件删除
- 支持日志记录自动清理
- 支持日志内容JSON对象解析
- 支持script error信息输出
- 支持跨域script error信息获取
- 优化日志展示
v0.0.1 -- 2014.12.03
- 支持console日志接收
- 支持fiddler日志展示
- 支持页面规则配置
- 支持日志列表展示