Little icon to remind you that something gone wrong on the current tab.

Latest Version

Version
1.0
Update
February 14, 2020
Size
14.06KiB
Developer
Category
Users
920
Rating
3.75 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
See more

Chrome JS Error Icon Extension

This extension tracks javascript errors on your Internet pages without having to open the development console.

Source: https://github.com/c4software/browser-js-error-icon

Features :

- Report Javascript Errors.
- Show counter of current errors in pages.
- Report 404 HTTP Error.
- Report console.error problem.
- Report Unhandled Promise Rejection Warning.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Chrome JS Error Icon", "version": "1.0", "description": "Little icon to remind you that something gone wrong on the current tab.", "manifest_version": 2, "content_scripts": [ { "matches": [""], "all_frames": true, "js": ["inject.js"], "run_at": "document_start" } ], "background": { "scripts": ["background.js"], "persistent": false }, "browser_action": { "default_icon": "icon.png", "default_title": "Chrome JS Error Icon", "default_popup": "popup.html" }, "optional_permissions": [""]}
Read more

How to download and manually install Chrome JS Error Icon extension for Chrome

Looking for a way to install Chrome JS Error Icon extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Chrome JS Error Icon extensions manually, this article outlines two simple methods to effortlessly install Chrome JS Error Icon extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Chrome JS Error Icon extension and manually install through Drag &Drop

If you ever need to manually install a Chrome JS Error Icon extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Chrome JS Error Icon Extension by clicking the "Download CRX" button on the website.

Look for the Chrome JS Error Icon extension you wish to install. Go to the website and download the Chrome JS Error Icon extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Chrome JS Error Icon extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Chrome JS Error Icon extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Chrome JS Error Icon extension for Chrome and install in Developer Mode

This is another method to install Chrome JS Error Icon extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Chrome JS Error Icon extension file

Select and download the Chrome JS Error Icon extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Chrome JS Error Icon extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Chrome JS Error Icon extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Chrome JS Error Icon extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Chrome JS Error Icon extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Testing Daily | The Tester's Home Page Extension · Developer Tools 920 150 ★ 1.19MiB

icon

JavaScript Errors Notifier Extension · Developer Tools 920 5 ★ 931KiB

icon

ErrorsSpy Extension · Developer Tools 920 2 ★ 17.08KiB

icon

BrowserStack Bug Capture Extension · Developer Tools 920 83 ★ 3.92MiB

icon

Cypress Recorder Extension · Developer Tools 920 10 ★ 202KiB

icon

ErrorAnnex Extension · Developer Tools 920 1 ★ 32.19KiB

icon

Errator Extension · Developer Tools 920 1 ★ 31.77KiB

icon

Visible Errors Extension · Developer Tools 920 2 ★ 64.87KiB

icon

website broken link and 404 error checker Extension · Productivity 920 10 ★ 369KiB

icon

Exploratory Testing Chrome Extension Extension · Developer Tools 920 22 ★ 270KiB

icon

Domain Switcher Extension · Developer Tools 920 29 ★ 1.05MiB

icon

TestCase Studio Extension · Developer Tools 920 180 ★ 782KiB

icon

Bug Magnet Extension · Developer Tools 920 61 ★ 39.66KiB

icon

Ghost Inspector - Web Test Recorder Extension · Developer Tools 920 30 ★ 648KiB

icon

Validity Extension · Developer Tools 920 210 ★ 108KiB

icon

Error Page Enhanced Extension · Developer Tools 920 9 ★ 53.67KiB

icon

PHP Error Alert Extension · Developer Tools 920 11 ★ 57.31KiB

icon

Link Checker Extension · Developer Tools 920 18 ★ 91.61KiB

icon

Responsive Debug Extension · Developer Tools 920 2 ★ 39.21KiB

icon

Broken Link Checker Extension · Developer Tools 920 10 ★ 158KiB

icon

Chrome Quick Console Extension · Developer Tools 920 6 ★ 1.37MiB

icon

Page Load Timer Extension · Developer Tools 920 12 ★ 1.28MiB

icon

Check My Links Extension · Developer Tools 920 25 ★ 1.23MiB

icon

LambdaTest Extension · Developer Tools 920 19 ★ 629KiB

User reviews

icon

風呂(Ray) (ID: 00000096879ad388) Voted 2 ★ - Updated 01/09/2023 OMG. This causes an incredible amount of confusion when debugging... it will eat some error messages so that they don't show in the console. Particularly a problem in Vue PWA's running on Stackblitz.

icon

Sam Sam (ID: 000000dd06c79575) Voted 5 ★ - Updated 05/22/2022 Seems to work nicely! Speeds of detection of JavaScript errors, that otherwise might have gone unnoticed. Nice clear red icon. Perhaps would be nice to bring up the Inspect dialog upon clicking on the spider?