https://github.com/pushkar-2804/network-activity-tracker

Network Activity Tracker is a Chrome extension that tracks and displays network activity (Fetch/XHR) of the currently active tab. It allows you to view the method, API URL, speed, and status of each network request. The extension also provides functionality to clear the data, refresh the view.
https://github.com/pushkar-2804/network-activity-tracker

chrome-extension extension javascript

Last synced: about 13 hours ago
JSON representation

Network Activity Tracker is a Chrome extension that tracks and displays network activity (Fetch/XHR) of the currently active tab. It allows you to view the method, API URL, speed, and status of each network request. The extension also provides functionality to clear the data, refresh the view.

• Host: GitHub
• URL: https://github.com/pushkar-2804/network-activity-tracker
• Owner: pushkar-2804
• Created: 2024-05-19T12:08:52.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-19T12:20:10.000Z (9 months ago)
• Last Synced: 2024-05-19T14:34:05.866Z (9 months ago)
• Topics: chrome-extension, extension, javascript
• Language: JavaScript
• Homepage:
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Network Activity Tracker

Network Activity Tracker is a Chrome extension that tracks and displays network activity (Fetch/XHR) of the currently active tab. It allows you to view the method, API URL, speed, and status of each network request. The extension also provides functionality to clear the data, refresh the view.

## Features

- Display network activity (method, API URL, speed, status)

- Clear network activity data

- Refresh network activity data

## Installation

1. Clone or download this repository to your local machine.

2. Open Chrome and navigate to `chrome://extensions/`.

3. Enable "Developer mode" by toggling the switch in the top right corner.

4. Click on "Load unpacked" and select the directory where you cloned or downloaded the repository.

## Usage

1. Click on the extension icon in the Chrome toolbar to open the popup.

2. The popup will display the network activity of the current active tab.

3. Use the "Refresh" button to refresh the network activity data.

4. Use the "Clear" button to clear the network activity data.

## Files

- `manifest.json`: Configuration file for the Chrome extension.

- `background.js`: Background script to manage network activity data and handle communication.

- `content.js`: Content script injected into web pages to capture network activity data.

- `popup.html`: HTML file for the popup UI.

- `popup.js`: JavaScript file for the popup UI functionality.

- `styles.css`: CSS file for styling the popup UI.

- `devtools.html`: HTML file for the DevTools page.

- `devtools.js`: JavaScript file for the DevTools page functionality.