Your SlideShare is downloading. ×
  • Like
Web rebuild
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
5,445
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
62
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Web 前端开发实用工具 Qzone 产品中心 yunishi
  • 2. About yuni
    • 爱生活
    • 爱旅游
    • 爱折腾
    • 爱复制
    • 爱分享
    • 爱前端
    [email_address] t.qq.com/yunishi
  • 3. Fiddler
  • 4. Willow
  • 5. 适用范围
    • Window 平台, Mac 平台 *
    • 需要 .NET 2.0 环境
    • 所有的浏览器
  • 6. 项目开发过程
  • 7.
  • 8. 预研阶段
    • 你需要个榜样,标杆。
  • 9.
  • 10. 还是他?
  • 11. SNS 网站
  • 12.  
  • 13.
    • HOW
  • 14. 常规方法
  • 15. 技巧一:智能保存文件 选择目标文件夹 需要启用自动解码功能
  • 16. 智能保存文件 文件按照 url 地址的组织保存
  • 17.
    • WHY
  • 18. 开发阶段
    • XHR 跨域
    • 文件合并
    • 后台接口
  • 19.
    • HOW
  • 20. 文件夹替换
    • Match 中的 URL 必须以“ / ” 结尾,同时 Action 中的 Path 必须以“ ” 结尾
  • 21. 约定后台接口
  • 22. 智能文件合并 支持 qzmin , willow 格式的合并文件
  • 23. 智能文件合并 表明此文件是合并后生成的
  • 24. 智能文件合并 合并后的文件 Willow 会检测文件的更改,根据需要生成合并文件
  • 25. Qzmin 格式
  • 26. 联调阶段
    • HOST 切换
    • 数据不符合规范
  • 27.
    • HOW
  • 28. 右键菜单 选中 HOST ,点击右键
  • 29. 管理 Host 支持一对多
  • 30. 支持通配符 支持 * ?通配符
  • 31. JSON Viewer 支持 Unicode 编码( uxxxx )
  • 32. Table 视图 数组结构 Table 形式显示
  • 33. Table 对象链接 双击链接到对象节点
  • 34. JSON Viewer
    • 后台接口开发完成,先自测
    • 使用 JSON Viewer 来检查接口数据
  • 35. 测试阶段
    • 为啥总是有外网投诉?
    • 我在公司就无法重现?
  • 36.
    • WHY
  • 37. 模拟低网速
  • 38. 自定义限制网速 请求延时: k/s 响应延时: k/s
  • 39. 发布阶段
  • 40. SOS 紧急 BUG
  • 41. 格式化文件
    • 目前支持格式化 HTML , CSS , JavaScript
    • 基于 JSBeautifier ( http://jsbeautifier.org/ )
  • 42. 其他技巧
    • 清理缓存
    • 图片 base64 编码
    • BOM 检查
    • HTTP 协议校验
  • 43.
    • Ctrl
    • Shift
    • X
    + +
  • 44.
    • base64
  • 45. base64 vs CSS sprites
    • 缺点:
      • +33.33%
      • 部分浏览器不支持 *
    • 优点:
      • gzip
      • 无颜色种类限制
      • 更少的请求数
      • 本地存储
      • 内存和 cpu
  • 46. HOW
  • 47.
    • BOM
  • 48.
  • 49. Willow 提示
  • 50. HOW
  • 51.
    • HTTP
  • 52.
  • 53.
  • 54. Fiddler 提示
  • 55. HOW
  • 56. 欢迎联系
    • [email_address]
    • t.qq.com/yunishi