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 responseNetwork Strength:The network's effective bandwith (in Mbps)Effective Connection Type:The determination of the network's connection type based on network strength and latencyService Workers:Whether or not the service workers are enabledOnline:Whether the device is connected to the internetCookies: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 deviceProcessor Cores:The number of unique processor coresUser Agent:JSON-formatted information about the device and network, including the Operating System
This extension can be loaded locally in Chrome as an unpacked extension. It uses Manifest v3 and requires version 88 or later of Chrome.
- In this reponsitory, select the Green
<> CodeButton and SelectDownload ZIPfrom the drop-down. - Select the desired enclosing folder in the file explorer and save the ZIP file locally.
- Extract the project files from the ZIP file.
- Navigate to the Chrome extensions page
chrome://extensions/ - Select
Load Unpackedin the top left. - Select the extracted project files from the file explorer
- NetSpecs should now appear under the
Extensionsicon next to the search bar. Select NetSpecs to open the home view.
Distributed under the MIT License. See LICENSE.txt for more information.
Author: Ronoy Sarkar
Project Link: https://github.com/ronoys/netSpecs