## file，本地调试是其典型的使用场景
m.aliexpress.com/sw.js file:///path/to/your/local/sw.js
## xfile
#m.aliexpress.com/sw.js xfile:///path/to/your/local/sw.js

## tpl，常用于mock jsonp请求
aliexpress.com/query.jsonp tpl://{res-jsonp}
## xtpl，同tpl，本地不存在时走线上
aliexpress.com/query.jsonp xtpl://{res-jsonp}

## resHeaders，修改响应头
ae01.alicdn.com resHeaders://{res-cors}

## html，往html文档(</body>之前)追加html标签(script,style or normal html tag)
m.aliexpress.com html://{html-test}

## js，往js响应追加脚本，如果响应是html文档，则自动用`<script></script>`包装后插入
m.aliexpress.com/sw.js js://{js-test}

## css，往css响应追加样式，如果响应是html文档，则自动用`<style></style>`包装后插入
## `/`可以起到仅对首页追加的效果
m.aliexpress.com/ css://{css-test}

## resReplace，替换响应的某些字符串
## 一般可用来快速验证某些功能
m.aliexpress.com resReplace://{res-replace}

{res-jsonp}: whistle会用请求对应的callback值来替换{callback}
  {callback}({
      "ec": 0,
      "list":[{
            "id":1,
            "price":"US $100",
              "stock":"100",
              "imgUrl":"https://ae01.alicdn.com/kf/HTB12x0CLpXXXXajaXXX760XFXXXS.png_640x640.png"
          },...
        ]
  });

{html-test}
  <script>
  // make an error
  x.x;
  </script>

{js-test}
  fetch("/").then(res=>{console.log("fetched!")});

{css-test}
  body{
    font-size:15px;
  }

{res-cors}
  {
    "access-control-allow-origin":"*",
    "access-control-expose-headers":"Via"
  }

{res-replace}
  <meta name="screen-orientation" content="portrait">: <meta name="apple-itunes-app" content="app-id=436672029">