• Stars
    star
    310
  • Rank 129,954 (Top 3 %)
  • Language
    C#
  • License
    MIT License
  • Created about 9 years ago
  • Updated over 8 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

More Repositories

1

Mars

腾讯移动 Web 前端知识库
9,586
star
2

AlloyFinger

Super tiny size multi-touch gestures library for the web.    You can touch this →
JavaScript
3,403
star
3

AlloyImage

基于HTML5的专业级图像处理开源引擎。An image processing lib based on html5.
JavaScript
3,002
star
4

PhyTouch

Smooth scrolling, rotation, pull to refresh, page transition and any motion for the web - 丝般顺滑的触摸运动方案
JavaScript
2,954
star
5

eslint-config-alloy

Progressive ESLint config for your React/Vue/TypeScript projects
JavaScript
2,614
star
6

AlloyLever

1kb js library contains development debugging, error monitoring and reporting, user problem localization features - 1KB代码搞定开发调试发布,错误监控上报,用户问题定位
JavaScript
1,381
star
7

curvejs

Made curve a dancer in HTML5 canvas - 魔幻线条
JavaScript
1,300
star
8

CodeGuide

Alloyteam代码规范
HTML
1,275
star
9

JX

JX(Javascript eXtension tools) 是腾讯AlloyTeam推出的模块化、非侵入式Web前端框架,适合构建和组织工业级大规模、高效率的 Web App
JavaScript
1,156
star
10

AlloyCrop

The best and tiny size mobile cropping component - 做最好且最小的移动裁剪组件
JavaScript
940
star
11

Rythem

a fiddler-like project using Qt
C++
878
star
12

alloyteam.github.com

腾讯 AlloyTeam 开源项目官网 - 我们的愿景: 成为业界卓越的Web团队!
JavaScript
846
star
13

alloy-worker

面向事务的高可用 Web Worker 通信框架
TypeScript
635
star
14

AlloyStick

AlloyStick 骨骼动画引擎 - 腾讯 AlloyTeam
JavaScript
430
star
15

StreetFighter

街霸StreetFighter
JavaScript
301
star
16

webtop

HTML5 本地App开发引擎
C++
290
star
17

AlloyPhoto

JavaScript
276
star
18

gopng

GoPng - a HTML5 css sprite generator with cool feature.
272
star
19

sodajs

Light weight but powerful template engine for JavaScript
JavaScript
256
star
20

tslint-config-alloy

AlloyTeam TSLint 规则
JavaScript
205
star
21

JXAnimate

基于CSS3的并行动画、声音引擎 - JX.Animate
CSS
192
star
22

AlloyTimer

AlloyTimer定时器 - 番茄工作法的时间管理应用
JavaScript
190
star
23

JMUI

移动Web开发UI组件库
JavaScript
178
star
24

AlloyViewer

H5图片查看器—Imageview component built with react
JavaScript
176
star
25

JM

面向Mobile的极致JavaScript库
JavaScript
141
star
26

AlloyDesigner

AlloyDesigner是一款致力于提高前端生产效率的浏览器内运行工具,AlloyDesigner + Chrome F12(Especially with WorkSpace) 打造前端新的开发和测试模式
138
star
27

omi-cli

Create website with no build configuration - 创建网站无需任何配置
JavaScript
126
star
28

AlloyPullRefresh

JavaScript
119
star
29

Spirit

腾讯移动Web整体解决方案
CSS
117
star
30

CodeTank

CodeTank(代码坦克)是全世界首款 Javascript 程序员的游戏, 由腾讯 AlloyTeam 用 HTML5、Javascript 等 Web 新技术来构建一个基于互联网的智能坦克机器人战斗仿真引擎
112
star
31

AlloyClip

A PC & Mobile Image Clip Kit based on AlloyImage
JavaScript
108
star
32

MLogger

一个浮在页面上的日志查看工具
JavaScript
100
star
33

Abstract.js

Abstract.js is a web framework for fast development
JavaScript
46
star
34

AlloyLint

apply eslint autofix but keep last author info in git blame。运行 eslint 的自动修复,但是保留最后修改人的信息
TypeScript
41
star
35

AlloyFlow

made workflow simple
JavaScript
39
star
36

AlloyTicker

The Master of Time          DEMO
JavaScript
25
star
37

netural

JavaScript前向神经网络(推理)和反向传播(训练)的实现
JavaScript
21
star