Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wataruoguchi/extended-live-http-headers
Displays the live log with the http request / response headers
https://github.com/wataruoguchi/extended-live-http-headers
chrome-extension chrome-extensions debugger npm typescript webpack
Last synced: 25 days ago
JSON representation
Displays the live log with the http request / response headers
- Host: GitHub
- URL: https://github.com/wataruoguchi/extended-live-http-headers
- Owner: wataruoguchi
- Created: 2020-11-15T06:29:49.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2020-11-15T06:30:03.000Z (about 4 years ago)
- Last Synced: 2024-12-08T20:57:08.506Z (29 days ago)
- Topics: chrome-extension, chrome-extensions, debugger, npm, typescript, webpack
- Language: TypeScript
- Homepage:
- Size: 111 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Extended live HTTP headers
A simple chrome browser extension that displays the live log with the http request / response headers.
**This repository is created for teaching purpose.**
## How to load
1. Unzip the file `compressed.zip`.
1. Open the Extension Management page by navigating to [chrome://extensions](chrome://extensions).
- The Extension Management page can also be opened by clicking on the Chrome menu, hovering over More Tools then selecting Extensions.
1. Enable Developer Mode by clicking the toggle switch next to Developer mode.
1. Click the LOAD UNPACKED button and select the extension directory.
1. Load the `dist` directory.
## Permissions
- `debugger` - It is required for capturing HTTP response body.
## Setup
```sh
npm install
```
## Build
```sh
npm run build
```
## Prepare for distributing
```sh
npm run build && npm run zip
```
## Development
```sh
npm run dev
```
## Clean
```sh
npm run clean
```
## Test
```sh
npm run test
```
## Reference
- [https://developer.chrome.com/extensions](https://developer.chrome.com/extensions)
- [Live HTTP headers](https://developer.chrome.com/extensions/samples#search:debugger)
- [https://stackoverflow.com/a/47973302/3718498](https://stackoverflow.com/a/47973302/3718498)
- [https://gist.github.com/niyazpk/f8ac616f181f6042d1e0](https://gist.github.com/niyazpk/f8ac616f181f6042d1e0)
- [https://github.com/chibat/chrome-extension-typescript-starter](https://github.com/chibat/chrome-extension-typescript-starter)