chrome 开发者工具 怎么显示所有的请求

Posted 2023-05-10

参考技术A F12---Network选项卡里面看 参考技术B 点击preserve log

Chrome 开发工具未显示所有请求标头 [重复]

【中文标题】Chrome 开发工具未显示所有请求标头 [重复]

【英文标题】：Chrome Dev Tools not showing all request headers [duplicate]

【发布时间】：2016-07-31 07:42:45

【问题描述】：

我想知道为什么我的 Chrome 开发工具没有显示我在请求中放置的标头。我想向 Twitter API 发送一个请求，它需要一个 Authorization 标头。

我正在执行以下代码：

 getTweets(hashtag : string)
        var headers = new Headers();
        headers.append('Test-Test', '123456789');
        headers.append('Authorization', 'Bearer AAAAAAAAAAAAAAAAAAAAAONruQAQda4njz64ske7axXN9sw4U0oU%3Dr1niTwVKwXomZczDKgN0wWHWEMPrPcnXXMgVQhiTIzays7J');


      return this.jsonp.get('https://api.twitter.com/1.1/search/tweets.json?q=canada&callback=JSONP_CALLBACK', headers: headers);  
    

但是它没有按预期返回数据。

当我转到 Chrome 开发工具时，我没有看到请求中列出的我添加的标头。

这是为什么？我没有正确添加标题吗？ Chrome 开发工具是否仅显示基本标头？怎么回事？

【问题讨论】：

这不是一个重复的问题，并且链接到原始“重复”的答案不能回答实际问题。问题在于 Chrome 开发工具网络选项卡未显示请求的所有标头。我遇到了同样的问题，“标头”选项卡没有显示所有请求标头。

【参考方案1】：

在使用 JSONP 时，无法控制浏览器发送的标头。 JSONP 是一个聪明的技巧（或黑客，取决于你如何看待它......），它包括插入一个指向服务器端点的<script> 标签。最终，浏览器将在通过<script> 标签请求脚本时决定发送哪些标头，您无法影响它。

发件人：https://***.com/a/19604865/3279156

【讨论】：

真的吗？那么即使有一个标头参数又有什么意义呢？