常用功能及配置模版

#开头的表示注释

1. 绑定转发

  1. ## disable,对某些域名不拦截
  2. ## 一般放到 Default 分组
  3. /wx.qq.com/ disable://intercept
  4. ## filter,在Network不会出现某些域名的请求
  5. /qq.com/ filter://hide
  7. ## socks
  8. ## 一般放到 Default 分组
  9. /facebook/ socks://127.0.0.1:1080
  10. /vk.com/ socks://127.0.0.1:1080
  11. /google/ socks://127.0.0.1:1080
  13. ## 一般场景是调试内嵌APP页面，APP内有一个入口链接a，而调试的目标页面是b
  14. ## 通过以下一行配置，页面a会自动换成页面b
  15. m.aliexpress.com/a.html m.aliexpress.com/b.html
  17. ## 绑定
  18. ## a.b.c.d 是某个环境的ip地址
  19. ## 有时通过多个域名的方式来部署多套开发环境
  20. ## 通过以下两行配置可以屏蔽开发环境域名与线上不一致的情况
  21. m.aliexpress.com mm.aliexpress.com
  22. mm.aliexpress.com a.b.c.d

2. req

  1. ## ua
  2. m.aliexpress.com ua://{wp_ua}
  3. #m.aliexpress.com ua://{ali_ua}
  5. ## referrer
  6. m.aliexpress.com referer://https://vk.com/
  7. ## referrer null
  8. #m.aliexpress.com referer://
  10. ## reqHeaders，修改请求头
  11. ## ua、referer协议都可以通过reqHeaders来完成
  12. m.aliexpress.com reqHeaders://{req-headers}

values

  1. {wp_ua}
  2.   Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; RM-1113) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Mobile Safari/537.36 Edge/13.10586
  4. {req-headers}
  5.   {
  6.     "X-Forwarded-For":" 188.146.171.71",
  7.     "X-Real-IP":" 188.146.171.71",
  8.     "X-Client-Scheme":"https",
  9.     "referer":"https://vk.com/",
  10.     "User-Agent":"Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1 AliApp(H/5)"
  11.   }

3. res

  1. ## file，本地调试是其典型的使用场景
  2. m.aliexpress.com/sw.js file:///path/to/your/local/sw.js
  3. ## xfile
  4. #m.aliexpress.com/sw.js xfile:///path/to/your/local/sw.js
  6. ## tpl，常用于mock jsonp请求
  7. aliexpress.com/query.jsonp tpl://{res-jsonp}
  8. ## xtpl，同tpl，本地不存在时走线上
  9. aliexpress.com/query.jsonp xtpl://{res-jsonp}
  11. ## resHeaders，修改响应头
  12. ae01.alicdn.com resHeaders://{res-cors}
  14. ## html，往html文档(</body>之前)追加html标签(script,style or normal html tag)
  15. m.aliexpress.com html://{html-test}
  17. ## js，往js响应追加脚本，如果响应是html文档，则自动用`<script></script>`包装后插入
  18. m.aliexpress.com/sw.js js://{js-test}
  20. ## css，往css响应追加样式，如果响应是html文档，则自动用`<style></style>`包装后插入
  21. ## `/`可以起到仅对首页追加的效果
  22. m.aliexpress.com/ css://{css-test}
  24. ## resReplace，替换响应的某些字符串
  25. ## 一般可用来快速验证某些功能
  26. m.aliexpress.com resReplace://{res-replace}

values

  1. {res-jsonp}: whistle会用请求对应的callback值来替换{callback}
  2.   {callback}({
  3.       "ec": 0,
  4.       "list":[{
  5.             "id":1,
  6.             "price":"US $100",
  7.               "stock":"100",
  8.               "imgUrl":"https://ae01.alicdn.com/kf/HTB12x0CLpXXXXajaXXX760XFXXXS.png_640x640.png"
  9.           },...
  10.         ]
  11.   });
  13. {html-test}
  14.   <script>
  15.   // make an error
  16.   x.x;
  17.   </script>
  19. {js-test}
  20.   fetch("/").then(res=>{console.log("fetched!")});
  22. {css-test}
  23.   body{
  24.     font-size:15px;
  25.   }
  27. {res-cors}
  28.   {
  29.     "access-control-allow-origin":"*",
  30.     "access-control-expose-headers":"Via"
  31.   }
  33. {res-replace}
  34.   <meta name="screen-orientation" content="portrait">: <meta name="apple-itunes-app" content="app-id=436672029">

4. debugging

  1. m.aliexpress.com weinre://debug
  2. m.aliexpress.com log://{log-test}

values

  1. {log-test}
  2.   console.log("Yeah!")