Browser plugin for Safari / Chrome
General Description
Development of a browser extension for Chrome and Safari that allows blocking certain content on web pages based on user-entered keywords.
2. Functionality
Content Scanning:
- Dynamic analysis of the web page content during its loading.
- Detection of user-defined keywords in HTML elements (
<div>,<article>,<p>,<span>, etc.).
Hiding Detected Content:
- Hides or removes only those sections of the page where the specified keywords occur.
- Using CSS (
display: none;) or replacing the content with a placeholder (e.g., "This content is hidden").
User Settings:
- Simple interface in the form of a settings page.
- Input field for the list of keywords (ability to add, edit, delete).
- "Save" button to confirm the settings.
Minimal UI:
- Icon in the browser toolbar.
- Dropdown menu with a toggle switch for enabling/disabling blocking.
3. Technical Requirements
- Browser support: Google Chrome, Safari (using WebExtensions API and Safari App Extensions).
Core technologies: - HTML, CSS, JavaScript (React or using WebExtensions API).
- Storage API for saving settings.
- Content Scripts for analyzing the page and blocking content.
- Background Script for managing settings and status.
Security: - Minimal access to sites (necessary for DOM analysis).
- Using chrome.storage.sync for synchronization between devices.
4. Expected Results
- Completed plugin for Chrome and Safari.
- Validation in Chrome Web Store and Apple App Store.
- Basic testing on popular sites.
- Documentation for users and installation instructions.
Please provide your estimate in the feedback and any questions you may have. Anti-spam check - 123.
block the entire block and content under tags <div>, <p> etc. that may appear dynamically, that is it is possible to block the entire section/article in which the keyword is mentioned
the plugin must work not only with pure html, for example on Twitter, Reddit or Facebook which may hide content behind scripts or dynamic blocks
it is necessary to completely hide dynamic blocks on the page under tags like <div> <p> etc.
it is necessary to write the plugin code in react + typescript
блокувати саме весь блок і контент за тегами <div>, <p> тощо і який може зʼявлятися динамічно, тобто можливо заблокувати весь розділ/статтю, в якій згадується ключове слово
плагін має працювати не тільки з чистим html, наприклад на Twitter, Reddit чи Facebook які, можливо, приховують контент за скриптом чи динамічними блоками
потрібно скривати динамічні блоки на сторінці повністю за тегами типу <div> <p> тощо
потрібно писати код плагіну на react + typescript
-
254 123
Hello, I have experience in commercial development and publishing of extensions for Chrome, the general idea of the task is clear, I have some questions and suggestions, I would be happy to discuss, write to me.
-
8108 61 0 123
Hello!
I have experience in developing plugins for Chrome.
The task is completely clear. I can implement it without any problems.
-
363 9 0 I am interested in your project, and I am ready to help with the development of a browser extension for Chrome and Safari. I propose the following:
I will develop functionality for blocking content based on user-entered keywords. This will involve dynamic analysis of pages, where the extension will search for specified words in HTML elements and hide or replace them with text like "This content is hidden." I will also create a simple interface for settings with the ability to add, edit, and delete keywords. The interface will include a "Save" button and an icon on the browser toolbar with the option to enable or disable blocking.
For this, I will use the WebExtensions API and Storage API for saving settings, as well as Content Scripts for page analysis. After development, I will test the extension on popular websites and also assist with validation in the Chrome Web Store and Apple App Store.
The estimated cost of the project is 10,000-15,000 UAH, and the completion time is 10-15 days, depending on the details.
Question: Are there any specific websites or additional requirements for the extension? If you are satisfied with my estimate, let's discuss the details!
-
619 4 0 123.
Good day, my name is Roman, I have experience in developing plugins for all the browsers listed above.
I am ready to start working on your task.
-
188 123
Hello! We can start right now.
The task is completely clear!
Write to discuss your project!
-
Hello, I have experience in creating complex chrome extensions for various tasks. Can you provide a mockup of the minimal UI? The other parts of the project can be discussed in private messages. I would be happy to collaborate.
Current freelance projects in the category Javascript and Typescript
Optimization of Core Web Vitals (OpenCart) for Google PageSpeed — Mobile and PC versionsOrder description: We are looking for an experienced frontend developer/OpenCart specialist to optimize the loading speed of the website (categories and product cards) according to Google Core Web Vitals requirements. About the project: * CMS: OpenCart. * Specifics: The site… Content Management Systems, Javascript and Typescript ∙ 3 days 9 hours back ∙ 23 proposals |
Optimization of WordPress site speed
113 USD
We will send full details in private messages Goal Maximize website loading speed, especially on mobile devices. KPI (mandatory) After the work is completed, the following metrics must be achieved. Mobile Performance 90+ LCP less than 2.2 sec INP less than 200 ms CLS less than… HTML & CSS, Javascript and Typescript ∙ 4 days 4 hours back ∙ 68 proposals |
Looking for an Odoo Developer — a solo developer with experience in Odoo 19 Community Edition.There is a working, well-designed project on Odoo 19 Community — CRM for a Ukrainian hotel, already in production-grade infrastructure. We do not plan to rewrite from scratch. We are looking for one person who will take over the project, maintain the working state, and lead it… Javascript and Typescript, Web Programming ∙ 6 days 6 hours back ∙ 4 proposals |
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 7 days 12 hours back ∙ 87 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 8 days 8 hours back ∙ 31 proposals |