A tool for web developers debug mobile page with fiddler. http://alloyteam.github.io/Rosin/
C# JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
JsonViewer
Rosin
.gitignore
LICENSE
README.md
Rosin.sln
Rosin.suo
Rosin.v12.suo

README.md

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日志输出

使用方法

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

更新日志

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日志展示
  • 支持页面规则配置
  • 支持日志列表展示