未分類
11 9 月 2020

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

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

資深大佬 : vision1900 6

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

在 Chrome 下调试前端，get 请求是 OK 的，POST 请求不行，console log 显示是 CORS 问题。于是打开网络面板，选中 XHR，发现只有 2 个 请求，成功了的 GET 和失败了的 POST 请求，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 了

大佬有話說 (9)

  • 資深大佬 : sunjourney

    chrome

    1. 如果 chrome 有 bug，那就是所有人的的 feature
    2. 不知道的情况哪有问题，但是这应该是不可能发生的

  • 資深大佬 : demonlin

    Postman 才是测试接口发请求用的

  • 資深大佬 : ijrou

    chrome，不解释，挺爽的。。。

  • 資深大佬 : freshgoose

    chrome 很多请求都不显示 response body，firefox 就可以……

  • 資深大佬 : infun

    @freshgoose 那是因为 post 在 chrome 里发两次，你看到的没有 response body 的是挥手的那次

  • 資深大佬 : des

    edge，微软太实在了，直接所有东西都翻译了

  • 主 資深大佬 : vision1900

    心想我明明设置了 CORS 那些请求头
    抱歉，这句话有误，是返回头，不是请求头
    有人提到了 Postman，我只用过一次，没觉得和 curl 有什么区别。
    用浏览器大部分情况是方便，不用切换应用
    再者，测试 CORS 没浏览器不行吧

  • 主 資深大佬 : vision1900

    我很喜欢 Chrome 的 UI/UX，对它不满主要是它对 Web 开发者没那么友好
    为了 UI 的简洁，地址栏 是 http 还是 https 被隐藏了
    不显示 OPTIONS 请求导致我认为 CORS 的 preflight 没有发生
    用 form-data 上传文件的时候不显示 文件的 payload
    在 Firefox 中这些全都有

  • 資深大佬 : ochatokori

    同被不显示 options 请求坑过