3分钟
res
## 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}
values
{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">
学员评价