Is it possible to prevent users from taking screenshots of web pages?

While browsing the internet, users may find that they need to capture something in order to show or show it to someone, but sometimes there may be things on the web page that the developer may not want the user to screen Screenshot of sensitive information.

Users can press the function key as well as the Windows key and the space bar to take a screenshot. In MacOS we have to use command, shift and 3 to take a screenshot.

In this article, we will learn how to prevent users from taking screenshots of web pages.

How to prevent users from taking screenshots?

It is not possible to disable the screenshot commands as these are built-in features and controlled by the operating system. We can use HTML, CSS, and JavaScript, but still can't prevent users from taking screenshots. Preventing users from taking screenshots is a difficult task as users can copy-paste website content or some third-party software can be used to do this.

However, we can use some methods to prevent users from taking screenshots of web pages to a certain extent.

Example

In the example below, we insert some text and then wrap it in a div and then a CSS section. After that we use media query and set display to none. This way the content will be visible to the user, but the user will not be able to print the screen.

     
  
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 
  

Example

In the next example, we will warn the user not to copy or screenshot web content by displaying a message on the screen.

     
  
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 
  

In the above code, we have used the same paragraph that we used in the previous example, this time in the CSS section, we have used the user-select attribute and set its value to none. Now the user will be able to see what's on the screen but won't be able to select it. The output is as follows

Example

In the next example, we will warn the user not to copy or screenshot web content by displaying a message on the screen.

     
  
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 
  

In the above code, we have used the same paragraph again and used a line of code in JavaScript that will warn the user if they try to take a screenshot of the web page.

in conclusion

It is not possible to completely prevent users from taking any kind of screenshot or copying and then pasting your content on other third party websites. Print Screen is a built-in feature provided by every operating system like Windows and MacOS, and these features cannot be disabled as they are controlled by the operating system. We can only prevent users from copying content up to a point and no more.

The above is the detailed content of Is it possible to prevent users from taking screenshots of web pages?. For more information, please follow other related articles on the PHP Chinese website!