InfoHeap
Tech
Navigation
  • Home
  • Tutorials
    • CSS tutorials & examples
    • CSS properties
    • Javascript cookbook
    • Linux/Unix Command Line
    • Mac
    • PHP
      • PHP functions online
      • PHP regex
    • WordPress
  • Online Tools
    • Text utilities
    • Online Lint Tools
search

Chrome developer tools

  • Chrome - copy as cURL
  • Chrome - how to access pre-release features
  • Chrome - useful internal urls (chrome://)
  • Chrome - view javascript errors
  • Edit and debug css in Chrome
  • How to detach Chrome developer tools window
  • View http headers in Chrome
  • clear Chrome HTTP 301 redirect cache
  • custom http request headers
  • how to debug :hover
  • how to debug javascript in Chrome
  • view event handlers in Chrome
 
  • Home
  • > Tutorials
  • > Web Development
  • > Chrome developer tools

Chrome – how to add custom http request headers

on Feb 15, 2016

At times we may need to add custom headers to a request for debugging purpose. e.g. You may want to display debugging messages when specific header is present in request (e.g. debug with value 1). This can be done using Modify header chrome plugin. Here are quick steps:

  1. Install the Modify header plugin in Chrome browser.
  2. Once installed, look for the plugin icon in Chrome toolbar and click on it. Select Request headers and enter “debug” with value 1 (just using these values for the sake of this tutorial). Select URL pattern and enter the desired domain pattaern (e.g. *://infoheap.com/). You can also enter multiple patterns. In that case headers will be sent to url matching any pattern.
    chrome-modifiy-header-form
  3. Open Chrome developer tools and load a url which matches with above pattern. You should be able to see custom header in request headers as shown below:
    chrome-view-modified-headers-after-adding-custom-header
  4. Load a url which does not match with above pattern. Now our custom header field should not be present in headers.

Suggested posts:

  1. Bash – how to find last command exit status code
  2. Mac – how to change desktop icons size
  3. CSS – :nth child, :nth-last-child, :first-child, :last-child pseudo classes examples
  4. Bulk convert jpeg files to png using sips on mac
  5. How to use fitvids.js for automatically resizing videos
  6. How to prevent ssh session freezing due to timeout
  7. view event handlers in Chrome
  8. How to do recursive grep with specific file pattern
Share this article: share on facebook share on linkedin tweet this submit to reddit
Posted in Tutorials | Tagged Chrome developer tools, Tutorials, Web Development
  • Browse content
  • Article Topics
  • Article archives
  • Contact Us
Popular Topics: Android Development | AngularJS | Apache | AWS and EC2 | Bash shell scripting | Chrome developer tools | Company results | CSS | CSS cookbook | CSS properties | CSS Pseudo Classes | CSS selectors | CSS3 | CSS3 flexbox | Devops | Git | HTML | HTML5 | Java | Javascript | Javascript cookbook | Javascript DOM | jQuery | Kubernetes | Linux | Linux/Unix Command Line | Mac | Mac Command Line | Mysql | Networking | Node.js | Online Tools | PHP | PHP cookbook | PHP Regex | Python | Python array | Python cookbook | SEO | Site Performance | SSH | Ubuntu Linux | Web Development | Webmaster | Wordpress | Wordpress customization | Wordpress How To | Wordpress Mysql Queries | InfoHeap Money

Copyright © 2025 InfoHeap.

Powered by WordPress