Focus - block distracting websites Extension Chrome

Block distracting websites to help you focus.

Latest Version

Version

1.0

Update

July 1, 2024

Size

76.9KiB

Developer

repuddle.com

Focus - block distracting websites Extension

Why choose Focus?

It's straightforward. No overly-functional bs, just add the websites you want to block to the list and turn the blocking mode on.
The extension's core purpose is to prevent you from distracting yourself, by blocking your access to the websites you've listed. No registration is required, and no data is being collected.

You can check out the github repo by clicking on the link in the popup's \"Show links\" section, or directly access this link: https://github.com/prslv/focus

Functions:
- Add as many websites as you want. Either click on the 'current page' button to add the current website you are on to the list, or manually write the website in the input below, which should be formatted like this: websitename.extension. Example: youtube.com
(when you enter one website, submit it by pressing on the arrow that displays next to the input, or by pressing \"Enter\" on your keyboard).

- Remove a website from the list by clicking on it.

- Choose to either display a black overlay with a \"focus.\" text in the middle, or to automatically close the tab for you.

- Changes you make to the list or blocking method apply in real time, so you don't need to refresh pages for them to work.

Important:
Your preferences (website list, blocking mode, etc.) are saved in your browser's local storage. This means that if you clear your browser's cache or cookies they might reset.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Focus - block distracting websites", "version": "1.0", "description": "Block distracting websites to help you focus.", "permissions": [ "storage", "tabs", "activeTab" ], "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": { "16": "images/icon16.png", "48": "images/icon48.png", "128": "images/icon128.png" } }, "content_scripts": [ { "matches": [ "" ], "js": [ "content.js" ] } ], "icons": { "16": "images/icon16.png", "48": "images/icon48.png", "128": "images/icon128.png" }}