Skip to content

ronoys/netSpecs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

netSpecs


Logo

netSpecs

HTML CSS JavaScript

About The Project

netSpecs is a Google Chrome extension built on Manifest V3. It provides the user with information about both their device and network connection. Commonly, when attempting to troubleshoot issues or seeking technological support, it is necessary for a user to know specifications relating directly to their device. However, there is no universal method to determine many of these details as the way to check them varies on several factors including the type of network connection and the operating system used. netSpecs conglomerates all these into a simple, easy-to-use platform that works natively in the browser, regardless of the device or OS.

This extension relies on the Network Information API and specifically the navigator interface. The UI was built using HTML and CSS, while the API calls and event handling is done using JavaScript. Below are some of the values retrieved from the API:

Network:

  • Latency: The roundtrip time (in ms) taken by the network between a request and its corresponding response
  • Network Strength: The network's effective bandwith (in Mbps)
  • Effective Connection Type: The determination of the network's connection type based on network strength and latency
  • Service Workers: Whether or not the service workers are enabled
  • Online: Whether the device is connected to the internet
  • Cookies: Whether cookies are enabled in the browser

Device:

  • Device Memory: The approximate memory of the device (in Gb)
  • Battery Level: The battery percentage of the device
  • Processor Cores: The number of unique processor cores
  • User Agent: JSON-formatted information about the device and network, including the Operating System

Getting Started

This extension can be loaded locally in Chrome as an unpacked extension. It uses Manifest v3 and requires version 88 or later of Chrome.

Downloading the Extension

  1. In this reponsitory, select the Green <> Code Button and Select Download ZIP from the drop-down.
  2. Select the desired enclosing folder in the file explorer and save the ZIP file locally.
  3. Extract the project files from the ZIP file.

Importing into Chrome

  1. Navigate to the Chrome extensions page
    chrome://extensions/
    
  2. Select Load Unpacked in the top left.
  3. Select the extracted project files from the file explorer
  4. NetSpecs should now appear under the Extensions icon next to the search bar. Select NetSpecs to open the home view.

Project Views

main

net

dev

License

Distributed under the MIT License. See LICENSE.txt for more information.

About

Author: Ronoy Sarkar

Project Link: https://github.com/ronoys/netSpecs

Acknowledgments

(back to top)

About

netSpecs: Chrome Extension to view Network and Device Specs Natively in the Browser

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published