大家调试前端网络请求用 Chrome 还是 Firefox - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
vision1900
V2EX    前端开发

大家调试前端网络请求用 Chrome 还是 Firefox

  •  
  •   vision1900 2020-09-19 16:05:18 +08:00 2388 次点击
    这是一个创建于 1925 天前的主题,其中的信息可能已经有所发展或是发生改变。

    今天尝试用 ExpressJS 做一个简单的接口 刚开始没有用 cors 中间件,直接在回调函数中手动设置 Access-Controll-Allow 那几个请求头

    在 Chrome 下调试前端,get 请求是 OK 的,POST 请求不行,console log 显示是 CORS 问题。于是打开网络面板,选中 XHR,发现只有 2 个 请求,成功了的 GET 和失败了的 OST 请求,POST 请求显示 Provisional header are shown 。一脸懵逼,心想我明明设置了 CORS 那些请求头,这也没有 OPTIONS 请求,所以不存在 preflgiht,到底是哪里出了问题? 后来打开 Firefox,显示 POST 请求前发送了 OPTIONS 请求!!!

    之前看 youtube 上有推送,标题大概是作为一个 Web 开发者你为什么该使用 Firefox 而不是 Chrome,内容主要是 Firefox 为调试 CSS 提供了各种方便。但没有在意,认为 firefox 的 UI 细节比较粗糙没有 Chrome 打磨的好,刚下载还自带广告 今天是给我上了一课,想起了之前传送 form data 时如果是文件 Chrome 都不会显示文件的 payload,而 firefox 可以,决定以后调试用 Firefox 了

    10 条回复    2020-09-28 09:52:09 +08:00
    sunjourney
        1
    sunjourney  
       2020-09-19 17:55:20 +08:00
    chrome

    1. 如果 chrome 有 bug,那就是所有人的的 feature
    2. 不知道的情况哪有问题,但是这应该是不可能发生的
    demonlin
        2
    demonlin  
       2020-09-19 18:19:43 +08:00
    Postman 才是测试接口发请求用的
    ijrou
        3
    ijrou  
       2020-09-19 18:33:39 +08:00
    chrome,不解释,挺爽的。。。
    freshgoose
        4
    freshgoose  
       2020-09-19 18:35:56 +08:00
    chrome 很多请求都不显示 response body,firefox 就可以……
    GlobalNPC
        5
    GlobalNPC  
       2020-09-19 18:43:16 +08:00
    @freshgoose 那是因为 post 在 chrome 里发两次,你看到的没有 response body 的是挥手的那次
    des
        6
    des  
       2020-09-19 18:44:59 +08:00
    edge,微软太实在了,直接所有东西都翻译了
    vision1900
        7
    vision1900  
    OP
       2020-09-19 18:45:23 +08:00 div class="sep5">
    心想我明明设置了 CORS 那些请求头
    抱歉,这句话有误,是返回头,不是请求头
    有人提到了 Postman,我只用过一次,没觉得和 curl 有什么区别。
    用浏览器大部分情况是方便,不用切换应用
    再者,测试 CORS 没浏览器不行吧
    vision1900
        8
    vision1900  
    OP
       2020-09-19 19:03:04 +08:00
    我很喜欢 Chrome 的 UI/UX,对它不满主要是它对 Web 开发者没那么友好
    为了 UI 的简洁,地址栏 是 http 还是 https 被隐藏了
    不显示 OPTIONS 请求导致我认为 CORS 的 preflight 没有发生
    用 form-data 上传文件的时候不显示 文件的 payload
    在 Firefox 中这些全都有
    ochatokori
        9
    ochatokori  
       2020-09-20 18:38:33 +08:00 via Android
    同被不显示 options 请求坑过
    dream4ever
        10
    dream4ever  
       2020-09-28 09:52:09 +08:00
    @vision1900 “地址栏 是 http 还是 https 被隐藏了”,这一条我记得可以在 Chrome 的选项设置中恢复,不过其他问题的确挺无奈的。另外考虑到国内 Chromium 内核浏览器占主流,我日常调试用的还是 Chrome 。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2654 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 07:00 PVG 15:00 LAX 23:00 JFK 02:00
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86