• 常用功能及配置模版
    • 1. 绑定转发
      • 2. req
    • 3. res
    • 4. debugging

    常用功能及配置模版

    #开头的表示注释

    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!")