Chrome Devツールですべてのリクエストヘッダーが表示されない

Question

Chrome Devツールでリクエストに付けたヘッダーが表示されない理由をご確認ください。 Twitter APIにリクエストを送信したいと思います。承認ヘッダーが必要です。

私は、次のコードを実行しています：

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 Dev Toolsに行ったとき、私が追加したヘッダーは要求に記載されていません。

これはなぜでしょうか？ヘッダーを正しく追加していませんか？ Chrome Dev Toolsでは基本ヘッダーのみが表示されますか？どうしたの？

Answer 1

JSONPの使用中にブラウザから送信されたヘッダーを制御する方法はありません。 JSONPは、サーバーのエンドポイントを指し示す<script>タグを挿入することからなるスマートなトリック（または見た目に応じてハッキング）です。最終的には、<script>タグを介してスクリプトを要求しているときに送信するヘッダーを決定するブラウザであり、影響を受けることはできません。

投稿者：https://stackoverflow.com/a/19604865/3279156