Is it possible to prevent users from screenshoting a webpage of your website.

Question

To be sincere i personally never thought it was possible, until i saw this website which had an answer to a particular stuff i was looking for.
I quickly tried to screenshot the page, but i got a notification.....blabla..blla.
I deleted pictures, videos many stuff on my phone, thinking there was no storage space.
Then i read the notification and found out that it had been programmed to prevent screenshots.

If you know the code PLEASE SHARE in comments below. Thanks in advance

Answer 1

Eboy Users will always find one way or another on how to do it!

Answer 2

It will be always possible to take a photo with an external tool 🎥📽️📷

Answer 3

Which website? Can you share the specific webpage?

I searched a bit and a website shouldn't be able to do that (yet)

You can make it more effort to capture but can't prevent screenshots
https://www.patrick-wied.at/blog/image-protection-on-the-web

Koen Rockstars Something similar to what you said https://www.patrick-wied.at/talks/image-protection/demos/demo-interlacing.html

Answer 4

You save the page then screenshot the copy you have just saved or you can use snipping tool

Answer 5

I've seen many webpages and programs which try to prevent screenshots in many different ways; however, each method has loopholes and it is impossible to flawlessly prevent them (basically, if you can view something on a computer, you can save it). Though I don't know how to code any, sorry.

Answer 6

It wil always be possible to take screenshots/caps from your site unless you take near full control of thier pc which is not ethic xD and even then they can pick a cellphone and take a picture.

But there are some tricks that could stop some poeple from taking one. And you should ask yourself first before implementing this, what impact this wil have on the user experience and trustability.

If it is for pictures/videos etc, it is better to add watermarks when it is suposed to be payed content for example.

Answer 7

It is a client side operation and the developer have less control over it when compared to the server side. As already said snipping tools will always do that and other external screen grabber apps...

Answer 8

Have you tried this ?
`
@media print {
html, body {
display: none;
}
}
`

Answer 9

Actually i do have a solution sort of. Make the image out of multiple layers with transparent parts stacked over each other, and als make each of the images flicker on and of at each frame, by this they need al sources put together to see the image correctly. And taking a screenshot would always mis some parts because of the flicker.

But the flickering would probably be noticeable even for it being noticeable in single frames, and it takes efford for putting this together.

You could also make the flicker happen on any user event only like a mouse move or keyboard event.. Which is used with almost every tool?

Answer 10

I don't think anyone of your answers have solved this puzzle, please hep me to continue reposting this question until there is an answer.
Lord Krishna, i would try to find the webpage and post it again.

Answer 11

You were on private navigation (Chrome blocks screenshooting in private mode)

Answer 12

document.addEventListener('keyup', (e) => {
if (e.key == 'PrintScreen') {
navigator.clipboard.writeText('');
alert('Screenshots disabled!');
}
});

Answer 13

Yes , it is possible through a secure-web package as we found it by searching a lot

as I also mention a blog where I found article for this

https://sutariyapriyank.medium.com/safeguard-your-web-content-introducing-secure-web-package-fd1893d3c018