中文字幕日本一区,亚洲精品亚洲九十七页,国产精品无码制服丝袜

在瀏覽互聯網時，用戶可能會發現需要捕獲某些內容以便向某人展示或展示，但有時網頁上可能存在開發人員可能不希望用戶對其進行屏幕截圖的敏感信息。

用戶可以按功能鍵以及Windows鍵和空格鍵來進行屏幕截圖。在 MacOS 中，我們必須使用命令、shift 和 3 來截取屏幕截圖。

在本文中，我們將了解如何阻止用戶對網頁進行屏幕截圖。

如何阻止用戶截圖？

無法禁用截屏命令，因為這些是內置功能并由操作系統控制。我們可以使用 HTML、CSS 和 JavaScript，但仍然無法阻止用戶截屏。阻止用戶截圖是一項艱巨的任務，因為用戶可以復制粘貼網站內容，也可以使用一些第三方軟件來做到這一點。

但是，我們可以通過一些方法來在一定程度上避免用戶對網頁進行截圖。

示例

在下面的示例中，我們插入了一些文本，然后將其包含在 div 中，然后包含在 CSS 部分中。之后，我們使用媒體查詢并將顯示設置為無。這樣，內容將對用戶可見，但用戶將無法打印屏幕。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Example of disabling the printing </title>
   <style>
      @media print {
         html,
         body {
            display: none;
         }
      }
   </style>
</head>
<body>
   <div>
      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.
   </div>
</body>
</html>

登錄后復制

示例

在下一個示例中，我們將通過在屏幕上顯示一條消息來警告用戶不要復制或截圖網頁內容。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Example of disabling the printing </title>
   <style>
      html {
         user-select: none;
      }
   </style>
</head>
<body>
   <div>
      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.
   </div>
</body>
</html>

登錄后復制

在上面的代碼中，我們使用了與上一個示例中使用的相同段落，這次在 CSS 部分中，我們使用了 user-select 屬性并將其值設置為 none。現在，用戶將能夠看到屏幕上的內容，但無法選擇它。輸出如下

示例

在下一個示例中，我們將通過在屏幕上顯示一條消息來警告用戶不要復制或截圖網頁內容。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Example of printing a warning message to the user </title>
   <script>
      alert("Please!! do not try to take any kinds of screenshot of the content");
   </script>
</head>
<body>
   <div>
      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.
   </div>
</body>
</html>

登錄后復制

在上面的代碼中，我們再次使用了相同的段落，并使用了 JavaScript 中的一行代碼，如果用戶嘗試截取網頁屏幕截圖，這將會向用戶發出警告。