可能是 Web 前端线上问题调试的最佳实践之一

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2220 天前的主题，其中的信息可能已经有所发展或是发生改变。

线上调试开发几大痛点：

代码都是压缩的；
本地是 HTTP，证书处理麻烦；
跨域问题(CORS)，存在 withCredentials 时更加恶心；

可以试试这个 Chrome 插件。https://github.com/yize/xswitch (一个用来做请求链接转发的 Chrome 浏览器插件) 能解决以上所有痛点。2018/01 发布到今天已经有 600+ 的活跃用户在使用，有一部分是阿里内部同学。

功能：

请求地址转发
全局插件启用开关
可禁用浏览器缓存
可在 JSON 中写注释
自动补全
支持 CORS，支持 withCredentials
跨域和缓存禁用键
分组规则

Links

欢迎 Issues、Stars、PRs

第 1 条附言 · 2018-10-18 16:20:46 +08:00

阿里前端招熟练工，主要从事"刀具"研发，只设计和生产刀，不直接接触蔬菜，欢迎投递。hanchao.shc%alibaba-inc.com 。

cors

禁用

缓存

插件

6 条回复 • 2018-10-18 19:13:01 +08:00

ck0123456

2018-10-18 11:27:38 +08:00

最好用的前端开发调试辅助工具，没有之一

SurfaceW

2018-10-18 12:24:50 +08:00

整体来说，特别好用，👍

Yourshell

2018-10-18 13:40:55 +08:00 via iPhone

我觉得 serviceworker 挺适合做这个的

yize

2018-10-18 16:21:39 +08:00

@Yourshell 愿闻其详

azh7138m

2018-10-18 19:07:14 +08:00 via Android

https://github.com/youzan/zan-proxy/blob/master/README.zh-CN.md

这个也是差不多的功能，提供了一个 ui

azh7138m

2018-10-18 19:13:01 +08:00 via Android

@azh7138m
这个程序提供了一个 mock server 的功能，你可以写正则匹配一部分网址，返回 mock 数据，本地文件或是直接填写内容都可以

需要配合 switch omega 这种来转发浏览器的请求过去

所以我基本只要配置好 switch omega 的自动切换规则，剩下的就是美滋滋了