Git Product home page Git Product logo

privacy-extension-for-whatsapp-web's Introduction

Privacy Extension For WhatsApp™ Web Logo

GitHub license Chrome Web Store

WhatsApp™ Web with the extension WhatsApp™ Web with the extension

To increase privacy in public spaces the Privacy Extension For WhatsApp™ Web blurs your messages. Your messages and other content only reveals upon hovering over with your mouse cursor. Additionally you can quickly toggle all effects by using a keyboard shortcut or by clicking the toggle button in the extension menu.

Customize it

It adapts to your needs by letting you decide which elements you want to blur. Your options:

  • All messages in chat: Blurs all messages in the current chat.
  • Last messages preview: Blurs all message previews on the left.
  • Media preview: Blurs all images, videos, stickers, ... in separation from the text.
  • Media gallery: Blurs all small icons of images, videos, ... while viewing an image, video, ...
  • Text input: Makes the color in your input field lighter to make it hard to read.
  • Profile pictures: Blurs all profile pictures.
  • Group/Users names: Blurs all group and usernames.
  • No transition delay: Allows you to turn off the delay before revealing an item on hover.
  • Unblur all on app hover: Unblurs all elements when you hover over the WhatsApp Web app.

Quick Toggle

You can quickly toggle the blur in the settings or with a keyboard shortcut (Default: Alt+X). To change this navigate to:

  • Chrome: chrome://extensions/shortcuts
  • Firefox: about:addons -> Settings icon on the top right -> Manage Extension Shortcuts

Installation

Available for both Chrome and Firefox.

Chrome

Official Chrome webstore page: https://chrome.google.com/webstore/detail/privacy-extension-for-wha/jbojhlhhggfmmkpefknmbdhlaghehini

Firefox

Official Firefox addons page: https://addons.mozilla.org/firefox/addon/privacy-extension-for-whatsapp/

For development purposes on Chrome

  • Download the newest release here and unzip it
  • Navigate to chrome://extensions
  • Activate the developer mode (on the top right)
  • Click on "Load Unpacked"
  • Select the "/src" folder from your unzipped download (this folder has to be persistent so you might want to keep it somewhere where you won't delete it)
  • Check back here for new releases

Issues and Feature Requests

If you have a feature request or encountered a problem, please create a new issue under this link: https://github.com/LukasLen/Privacy-Extension-For-WhatsApp-Web/issues

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments


This extension does not collect information about you or your messages. We only communicate with our server to display information about problems or updates. Visit the privacy policy to learn more.

Disclaimer: WhatsApp is a trademark of WhatsApp Inc., registered in the U.S. and other countries. This extension is an independent project developed by Lukas Lenhardt and has no relationship to WhatsApp or WhatsApp Inc.

Legal and Privacy notice

privacy-extension-for-whatsapp-web's People

Contributors

aryomuzakki avatar lukaslen avatar tgentil avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

privacy-extension-for-whatsapp-web's Issues

extension not working

Describe the bug
After the new update of the whatsapp this extension stopped working

To Reproduce
Steps to reproduce the behavior:

  1. Just install the extension and check

Expected behavior
It should work out of box

Screenshots
none

Desktop (please complete the following information):

  • OS: macOS
  • Browser Firefox & chrome
  • Version 126.0 (64-bit) firefox
  • chrome Version 123.0.6312.106 (Official Build) (arm64)

Blur whatsapp on idle

Is your feature request related to a problem? Please describe.
Sometimes I'm just frustrated with the blur.

Describe the solution you'd like
It would be great if you could add an option to specify a timeout for idle time and after that timeout expires WhatsApp web automatically gets blurred.

An option to blur whatsapp stickers

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Little enhancements

I've made little bit adjustments since i use dark theme alot as in messages preview some kind of annoying little triangles popped up in blur messages as you can see below :

1
also:
2
so i fixed this using the following CSS:

.message-out ._amk7
{
    right: 15px;
    top: 15px;
}

.message-in ._amk7
{
  left: 15px; 
  top: 15px;
}

I'm not a programmer so please fix my css if you have something in mind better than this haha.

also I'd like to show another little enhancement , I prefer to show the notifications number instead of blurring it so i can see how much messages i have and it caughts me attention whenever a new message pops up.

test

here is what i used in the code...:

._ak8k /*message preview*/
{
  filter: blur(8px) grayscale(1);
  transition-delay: 0s;
}


/* updated wa version (v2.3000.xx) */
._ak8k:hover /*message preview*/
{
  filter: blur(0px) grayscale(0);
  transition-delay: 0.3s;

do not to forget to : body:hover div._ak8k /* message preview */, on unblurActive :D

Sorry for any code or english mistakes.

Can you please option to blur specific words

If someone says bad words or come up with politics subjects (i.e "president trump" or anything else based on a sentence / word) you blur the message. this is really helpfull.

Thanks.

blurring messages creates unneeded padding

like the title says, when i set to blur the messages in chat it creates this padding around the message:

._2AOIt {
padding-right: 40px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
}

pic

3.2.0: On page load, WhatsApp Web contents don't get blurred until the extension icon is clicked

Describe the bug
When WhatsApp Web is loaded, the contents don't get blurred.

Only when the extension is clicked, the contents get blurred properly.

To Reproduce
Steps to reproduce the behavior:

  1. Open WhatsApp Web, and wait until it's fully loaded.
  2. The contents don't get blurred on load.
  3. Click the extension logo, and the contents get blurred.

Expected behavior
Previously, the contents get blurred properly, until the recent browser update.

Screenshots
[will be updated later]

Desktop (please complete the following information):

  • OS: Arch Linux
  • Browser: Firefox
  • Version: 125.0.3

Add an option to adjust blur amount

Is your feature request related to a problem? Please describe.
I would like to be able to blur certain elements but to a certain amount so that they're partially visible.

Describe the solution you'd like
An option to adjust blur amount (e.g. using a percentage).

Describe alternatives you've considered
I was manually doing this using the Styler extension and just came about this extension. Here's the CSS I used:

._1Wn_k {
    color: transparent;
    text-shadow: 0 0 4px rgba(0,0,0,0.5);
}


._1Wn_k > span > img {
	filter: blur(4px)
}```

Detailed documentation of selectors for easier maintenance

Is your feature request related to a problem? Please describe.

I'm sure WhatsApp would update it's selector again.

This recent update made me realize that I don't know which element was this selectors referring to, because of how deep the html structure or that the selectors are actually reused in other similar element. Example: last message preview and about section in contact list.

Also, what is the intended behavior of a toggle. Example: last message preview should blur notif number or not.
Users might have different opinion here. (Based on issue #68)

Current description is not enough, and maybe because WhatsApp have new features like poll, community, business account, channel, etc.

Describe the solution you'd like
I think it would be great to have a detailed documentation. What I think we would need in the documentation is a list with this information:

  1. The selectors
  2. The html structure, a screenshot or code of selected element along with it's parent and child (full or only some level of the tree)
  3. Screen of the selected element. maybe in 2 state. before and after blurred.

markdown format might not be enough for this when there is a lot of screenshot for element

Describe alternatives you've considered
I considered to made a table of the selectors, the html screenshot in inspect element, then WhatsApp screenshot in google spreadsheet. I haven't do this yet.

Additional context
I was thinking about what the solution is, and @Tgentil comment in this pr give some inspiration.

EDIT
I think this should also included list of scenario or case, because I need to use particular chat to send all kind of message to test (and I still missing something 😐 ). Or perhaps someone would like to made the manual test case document 🙂

blur media in chat

media, like images can't blur
add an option to blur media in the chat window

Veer

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Blocking all notifications from certain group chats

Hi,

I just got to know about whatsapp web chrome extensions and found yours.

So I'm not sure if this is a valid feature request, but I like to ask if it is possible to block all notifications from certain group chats via an extension? I'm new to this and don't really know the mechanics and/or limitations.

Thank you!

Correct manifest v3 support

It works and I'm thankful for that.

Although, there's 2 things I should note:

1 - you need to remove background.service_worker on Firefox build. I was unable to install, until I've removed it and used scripts: ["background.js"];
2 - apparently, Firefox is now asking users if they want the extension work "when clicked" or "always". "when clicked" seems to be default behavior, which might cause some confusion and less versed people might think this extension is not working. I'm guessing this behaviour has something to do with manifest v3.

ps: right click on extension to understand what I've described on list item 2

Originally posted by @ticmaidev in #53 (comment)

Stopped working

I use Chrome Version 123.0.6312.106 (Official version) 64 bits, Portuguese, Brazil, and it no longer blurs anything.

stopped working

won't work on Firefox and Chrome

whatsapp went down for a few minutes around the world and now the extension won't work

Blurring not working for chat messages and profile photos

Images and videos are getting blurred with out any issue
when I disable "All messages in chat"
Not blurred
When I enable "All messages in chat" each chat message gets bigger in size but its not blurred
blurred

Profile pictures are not getting blurred either.
profile blur

Thanks for the extension @LukasLen. Please let me know if you need any other details. Happy to help

Some blur not working for Media Preview, All Messages, Names, and Profile Picture

Describe the bug

  • videos, sticker reply messages, gifs, link preview, attachments / documents, and some images didn't blurred when Media Preview toggle is on
  • stickers didn't blurred when All Message in Chat toggle is on
  • business contact name, user list in top of group chat, name in starred message, didn't blurred when Group/User Names toggle is on
  • archived button and add members button was blurred when Group/User Names toggle is on, and the icons was blurred when Profile Pictures toggle is on
  • last message preview was blurred when Group/User Names toggle is on, even if Last Message Preview toggle is off
  • voice messages profile pic, and contacts attachment didn't blurred in chat when Profile Pictures toggle is on

To Reproduce
Steps to reproduce the behavior:

  1. Try one of the related toggle
  2. open normal chat, or business chat, or
  3. for each chat: send messages, open details, open starred messages, open media, links, and docs, open add member or view all member

Expected behavior

  • videos, sticker reply messages, gifs, link preview, attachments / documents, and some images should be blurred when Media Preview toggle is on
  • stickers should be blurred when All Message in Chat toggle is on
  • business contact name, user list in top of group chat, name in starred message, should be blurred when Group/User Names toggle is on
  • archived button and add members button and icon should not be blurred when Group/User Names and Profile Pictures toggle is on
  • last message preview should not be blurred when Group/User Names toggle is on, even if Last Message Preview toggle is off
  • voice messages profile pic, and contacts attachment should be blurred in chat when Profile Pictures toggle is on

Screenshots
some screenshots

Desktop (please complete the following information):

  • OS: Windows 10 version 22H2 build 19045.3803
  • Browser: Chrome v120.0.6099.217, and Brave v1.61.116 Chromium v120.0.6099.217
  • Version: Extension v2.12.1, Whatsapp v2.2402.5

Additional context
I have fixed the css except for contacts attachment, it's the last thing on progress, then i will submit pr

[Feature Request] Separate toggle for sidebar user/group names blurring

Is your feature request related to a problem? Please describe.
It can be pretty annoying when a coworker, boss, or I'm taking a quick fullscreen screenshot for quick sending, and you have your friends or SO with not-quite-professional names in the screen in the chat list sidebar.

The current name toggle blurs all names, even in main chat pane, which isn't ideal because then I either have to unblur them one by one to check, or just outright disable the name blurring.

Describe the solution you'd likein
A separate toggle for sidebar user/group names blurring, or just a toggle for full blurring of chat list sidebar:

Enhancer for Telegram

image

To be quite honest, separation of chat list sidebar and main chat pane blurring toggles and operation in general would be helpful - as in, I could turn full blurring for both, but if I hover main chat pane it'll get unblurred and if I hover chat list only that part would get blurred, much like the "unblur all on app hover" but separate toggles for each panels.

Describe alternatives you've considered
I could just turn names blurring on and off when necessary, but that is very annoying especially as I often needs to share screenshots.

Additional context

No Names Blurring:

Names Unblurred

image

With names blurring:

Names Blurred

image

Ideally:

Separated

out

Blur users name in quoted messages

Is your feature request related to a problem? Please describe.
When I deactivate blur all messages in chat, the user name in the quoted messages still displayed eventhough I activate blur users names.

Describe the solution you'd like
The users name in quoted messages blurred just like the profile names.

Describe alternatives you've considered
All quoted message in chat bubble gets blurred (not just the names)

Additional context

The extension has stopped blurring

Describe the bug
I've been using the Privacy Extension for WhatsApp Web for a long time and have generally been very satisfied with it. I usually keep the toggle, last message preview, and group/users name options enabled. However, as of today, the extension has stopped blurring. Despite trying various settings, I am unable to blur any content.

To Reproduce
Steps to reproduce the behavior:

  1. Open Chrome and go to WhatsApp Web.
  2. Notice that no information (like last messages or group/user names) is being blurred.
  3. Try toggling different options on and off in the extension, but observe that nothing changes.
  4. I also attempted closing and reopening Chrome, removing and reinstalling the extension, and refreshing the WhatsApp Web page multiple times, but none of these actions resolved the issue.

Expected behavior
Normally, with the extension enabled and the appropriate settings turned on, sensitive information on WhatsApp Web should be blurred for privacy. However, this is currently not happening.

Screenshots
Captura de tela 2024-03-14 171316

Desktop (please complete the following information):

  • OS: Windows 11 Home Single Language, Version 23H2
  • Browser: Chrome
  • Version: 122.0.6261.129 (Official Build) (64-bit)

Additional context
I am currently using version 3.1 of the Privacy Extension for WhatsApp Web. This issue is a recent development, as the extension was functioning correctly until today. Any assistance in resolving this would be greatly appreciated, as I rely on this extension for privacy on WhatsApp Web.

extention not working anymore for whatsapp

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

https://www.facebook.com/

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Dark mode

Please, implement a dark mode option.

Another way is to offer themes, dark mode, light mode, blue mode, green mode etc.

Thanks!

Invalid Manifest on Chrome store

Describe the bug
Error message with Invalid Manifest that stops downloading and installing the extension from Chrome store.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://chromewebstore.google.com/detail/privacy-extension-for-wha/jbojhlhhggfmmkpefknmbdhlaghehini
  2. Click on Add
  3. See error

Expected behavior
Install properly the extension in Chrome browser.

Screenshots
N/A

Desktop (please complete the following information):

  • OS: MacOS Sonoma 14.3.1
  • Browser Chrome
  • Version 118.0.5993.96

Additional context
Details: 'The "background.scripts" key cannot be used with manifest_version 3. Use the "background service_worker" key instead.'.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.