Chrome XHR Inspector

Chrome XHR Inspector adds expandable areas for XHR requests much like that in Firebug's console view. Skips a panel change where XHR request details can be seen inline in the Chrome console

Building the Source

Chrome XHR Inspector uses the grunt build system.

# Install grunt.
$ npm install -g grunt-cli bower

# Clone the git repo.

# Install node modules.
$ npm install
$ bower update

# Run grunt.
$ grunt

To test on Chrome during development:

# Navigate to chrome://extensions
# Check "Developer Mode" in upper right corner
# Click "Load unpacked extension..."
# Navigate to the src directory

# When changes are made, Click "Reload (Ctrl+R)" on this extension
# (Or use the "Extensions Reloader" extension)
# Then close and repoen the Developer Tools

Changelog

v0.0.1

Initial working version

References

• Extending Devtools
• chrome.devtools.network
• Sample Extensions
• Hosting
• Packaging
• AutoUpdate

About

Chrome XHR Inspector copyright 2014 by Wei Kin Huang.

Build Tools: Grunt, JsHint,

All code released under the MIT License.

Fork me to show support and help fix bugs!