V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
yize
V2EX  ›  问与答

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

  •  
  •   yize · 2018-10-18 11:25:49 +08:00 · 2998 次点击
    这是一个创建于 2228 天前的主题,其中的信息可能已经有所发展或是发生改变。

    线上调试开发几大痛点:

    1. 代码都是压缩的;
    2. 本地是 HTTP,证书处理麻烦;
    3. 跨域问题(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
    6 条回复    2018-10-18 19:13:01 +08:00
    ck0123456
        1
    ck0123456  
       2018-10-18 11:27:38 +08:00
    最好用的前端开发调试辅助工具,没有之一
    SurfaceW
        2
    SurfaceW  
       2018-10-18 12:24:50 +08:00
    整体来说,特别好用,👍
    Yourshell
        3
    Yourshell  
       2018-10-18 13:40:55 +08:00 via iPhone
    我觉得 serviceworker 挺适合做这个的
    yize
        4
    yize  
    OP
       2018-10-18 16:21:39 +08:00
    @Yourshell 愿闻其详
    azh7138m
        5
    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
        6
    azh7138m  
       2018-10-18 19:13:01 +08:00 via Android
    @azh7138m
    这个程序提供了一个 mock server 的功能,你可以写正则匹配一部分网址,返回 mock 数据,本地文件或是直接填写内容都可以

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

    所以我基本只要配置好 switch omega 的自动切换规则,剩下的就是美滋滋了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2843 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 13:37 · PVG 21:37 · LAX 05:37 · JFK 08:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.