yize
V2EX  ›  问与答

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

  •  
  •   yize · Oct 18, 2018 · 3980 views
    This topic created in 2768 days ago, the information mentioned may be changed or developed.

    线上调试开发几大痛点:

    1. 代码都是压缩的;
    2. 本地是 HTTP,证书处理麻烦;
    3. 跨域问题(CORS),存在 withCredentials 时更加恶心;

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

    功能:

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

    Links

    欢迎 Issues、Stars、PRs

    Supplement 1  ·  Oct 18, 2018
    阿里前端招熟练工,主要从事"刀具"研发,只设计和生产刀,不直接接触蔬菜,欢迎投递。hanchao.shc%alibaba-inc.com
    6 replies    2018-10-18 19:13:01 +08:00
    ck0123456
        1
    ck0123456  
       Oct 18, 2018
    最好用的前端开发调试辅助工具,没有之一
    SurfaceW
        2
    SurfaceW  
       Oct 18, 2018
    整体来说,特别好用,👍
    Yourshell
        3
    Yourshell  
       Oct 18, 2018 via iPhone
    我觉得 serviceworker 挺适合做这个的
    yize
        4
    yize  
    OP
       Oct 18, 2018
    @Yourshell 愿闻其详
    azh7138m
        5
    azh7138m  
       Oct 18, 2018 via Android
    https://github.com/youzan/zan-proxy/blob/master/README.zh-CN.md

    这个也是差不多的功能,提供了一个 ui
    azh7138m
        6
    azh7138m  
       Oct 18, 2018 via Android
    @azh7138m
    这个程序提供了一个 mock server 的功能,你可以写正则匹配一部分网址,返回 mock 数据,本地文件或是直接填写内容都可以

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

    所以我基本只要配置好 switch omega 的自动切换规则,剩下的就是美滋滋了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   6113 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 81ms · UTC 01:57 · PVG 09:57 · LAX 18:57 · JFK 21:57
    ♥ Do have faith in what you're doing.