Html-文章保护

## MrDoc 自用
```html

<script language="javascript">
  // 获取收藏文档图标元素(MrDoc 只有登录账户才会有这个ID)
  var collectDocIcon = document.getElementById('collect_doc');

// // 通过 Cookie 来确认账户是否登录(MrDoc 没有能用作于判断是否登录的Cookie)
  // function isUserLoggedIn() {
  //   var cookies = document.cookie.split(';');  // 分隔Cookie字符串(分隔符;)
  //   for (var i = 0; i < cookies.length; i++) {
  //     var cookie = cookies[i].trim();
  //     if (cookie.startsWith("login=")) {
  //       // 找到名为"login"的Cookie,检查其值是否为"1"
  //       var loginValue = cookie.split('=')[1];
  //       return loginValue === "1";  // 退出并返回登录状态
  //     }
  //   }
  //   return false;  // 未找到名为"login"的Cookie,返回未登录状态
  // }
  // 判断是否登录
  // var isLoggedIn = isUserLoggedIn();

// 判断用户是否登录,未登录则开启文章保护
  if (!collectDocIcon) {
    // 判断是否不是文集页面,文集页面内容无需开启保护
    if (!window.location.pathname.includes("/project-")){
      // =========================== 防复制打印 ===========================
      // 用户未登录,执行防复制、防截图等操作
      // 不使用的功能删除或注释即可
      var noPrint = true;  // 不允许打印页面
      var noCopy = true;  // 不允许复制页面内容(不能直接删除/禁用,会造成其它无效,原因未知)
      var noScreenshot = true;  // 不允许截取屏幕截图
      var autoBlur = true;  // 自动失焦(可能是为了防止用户长时间停留在页面)
      // console.log("用户未登录,正在执行反复制和反截图操作.");  // 调试使用

// =========================== 防开发者调试 ===========================
      // 定义一个函数fuckyou，用于关闭当前窗口并重定向到空白页
      function fuckyou(){
        window.close(); // 尝试关闭当前窗口
        // window.location="about:blank"; // 将当前窗口跳转到空白页(会有恢复页面的可能性)
        // console.log("用户未登录,正在执行反开发者调试操作.");  // 调试使用
      }

// 不可删除,否则会无权关闭当前窗口
      // 定义一个函数ck，用于检查控制台是否被使用过
      function ck() {
          console.profile(); // 开始一个控制台性能分析
          console.profileEnd(); // 结束性能分析

// 如果console.clear存在，则清除控制台
          if(console.clear) {
              console.clear()
          };

// 检查控制台是否有性能分析记录，如果有，则说明有人打开了开发者工具
          if (typeof console.profiles == "object"){
              return console.profiles.length > 0;
          }
      }

// 定义一个函数hehe，用于检测是否打开了开发者工具
      function hehe(){
        // 检查是否使用了Firebug或者opera的控制台
        if(
          (window.console && (console.firebug || console.table && /firebug/i.test(console.table()) )) ||
          (typeof opera == 'object' && typeof opera.postError == 'function' && console.profile.length > 0)
        ){
          fuckyou();
        }
        // 检查控制台性能分析记录是否大于0
        if(typeof console.profiles == "object" && console.profiles.length > 0){
          fuckyou();
        }
      }
      hehe();  // 调用hehe函数进行检测

// 监听窗口大小变化事件(根据窗口大小变化判断是否打开开发者工具,不防浮窗形式的)
      window.onresize = function(){
        // 窗口的高度与页面的高度差值，则认为用户可能打开了开发者工具
        if((window.outerHeight-window.innerHeight)>100) {
          fuckyou();
        }
        // 窗口的宽度与页面的宽度差值，则认为用户可能打开了开发者工具
        if((window.outerWidth-window.innerWidth)>100) {
          fuckyou();
        }
      }
    }
  }
</script>

<script type="text/javascript" src="/static/noprint.js"></script>
```

## NoPrint.js
禁用 JavaScript 在 HTML 中的打印、屏幕截图、复制和粘贴

**相关链接：**
- NoPrint.js：
  - 官网：https://pdfanticopy.com/no-print-js.html
  - GitHub：https://github.com/sunxvogy/NoPrint.js
  - 演示站：https://pdfanticopy.com/noprint-example.html
  - 脚本：https://pdfanticopy.com/noprint.js

`官方脚本使用`
```html


<script language="javascript">
  // 不使用的功能删除或注释即可
  var noPrint = true;  // 不允许打印页面
  var noCopy = true;  // 不允许复制页面内容(不能直接删除/禁用,会造成其它无效,原因未知)
  var noScreenshot = true;  // 不允许截取屏幕截图
  var autoBlur = true;  // 自动失焦(可能是为了防止用户长时间停留在页面)
</script>

<script type="text/javascript" src="https://pdfanticopy.com/noprint.js"></script>
```

#### 查看所有 Cookie
浏览器 `开发者工具——应用程序——存储——cookie——要查看的网站` 下可以查看到所有Cookie(HttpOnly属性的也可以)
JavaScript 是无法查看设置了 `HttpOnly` 属性的 Cookie
```JS
// 定义函数 getAllCookies
function getAllCookies() {
  var cookies = document.cookie.split(';');  // 使用 document.cookie 获取当前文档中的所有 Cookie
  var cookieList = [];  // 创建一个数组来存储 Cookie
  // 遍历所有 Cookie，并将其添加到数组中
  for (var i = 0; i < cookies.length; i++) {
      var cookie = cookies[i].trim();
      cookieList.push(cookie);
  }
  return cookieList;  // 返回包含所有 Cookie 的数组
}
var allCookies = getAllCookies();  // 调用函数获取所有 Cookie
console.log(allCookies);  // 打印输出获取到的所有 Cookie 到控制台
```

### 汉化+微调 脚本
`noprint.js` 汉化+微调 脚本，可以保存到本地，直接本地调用
```js
// 如果不需要禁用复制,不能直接noCopy定义删除(会整个无效,原因未知),可以单独把下列具体命令禁用
// 如果禁止复制(noCopy 为 true),则执行以下操作
if (noCopy) {
  // 禁止复制文本
  document.body.oncopy = function() { return false; };
  // 禁止右键菜单
  document.body.oncontextmenu = function() { return false; };
  // 禁止文本选择和拖拽
  document.body.onselectstart = document.body.ondrag = function() {
    return false;
  };
  // 添加用于禁止用户选择的样式
  var cssNode2 = document.createElement('style');
  cssNode2.type = 'text/css';
  cssNode2.media = 'screen';
  cssNode2.innerHTML = 'div{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}';
  document.head.appendChild(cssNode2);
  // 禁止用户选择文本的样式
  document.body.style.cssText = "-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;";
  // 阻止 Ctrl+S 快捷键
  document.onkeydown = function() {
    if ((event.ctrlKey == true || event.metaKey == true) && event.keyCode == 83) {
      event.preventDefault();
    }
    if ((event.ctrlKey == true || event.metaKey == true) && event.code == 83) {
      event.preventDefault();
    }
  };
}

// 如果禁止打印(noPrint 为 true),则执行以下操作
if (noPrint) {
  // 创建一个隐藏的 span 元素,用于设置页面的打印样式
  var c = document.createElement("span");
  c.style.display = "none";
  c.style.postion = "absolute";
  c.style.background = "#000";
  var first = document.body.firstChild;
  var wraphtml = document.body.insertBefore(c, first);
  c.setAttribute('width', document.body.scrollWidth);
  c.setAttribute('height', document.body.scrollHeight);
  c.style.display = "block";
  // 在 head 中添加用于打印时隐藏页面的样式
  var cssNode3 = document.createElement('style');
  cssNode3.type = 'text/css';
  cssNode3.media = 'print';
  cssNode3.innerHTML = 'body{display:none}';
  document.head.appendChild(cssNode3);
}

// 添加模糊
var targetElement = document.querySelector("#content");  // 获取要修改样式的元素(添加/清除都需要调用故放在外面,可以通过 开发者工具——元素——找到指定块——复制JS路径)
const initialStyles = targetElement.style.cssText;  // 使用常量(仅会赋值一次)保存初始样式
// 添加模糊效果
function toBlur() {
  if (autoBlur){
    var blurAmount = '5px';  // 定义模糊程度变量(1.7px 差不多OCR识别能成功一半)
    // document.body.style.cssText 则是处理整个页面
    // 在原有样式基础上追加模糊样式;分别对应不同内核浏览器:WebKit(Chrome/Safari),Gecko(Firefox),Trident(IE),Presto(Opera),标准CSS属性
    targetElement.style.cssText = initialStyles + `-webkit-filter: blur(${blurAmount}); -moz-filter: blur(${blurAmount}); -ms-filter: blur(${blurAmount}); -o-filter: blur(${blurAmount}); filter: blur(${blurAmount});`;
  }
}
// 清除模糊效果
function toClear() {
  // 清除模糊是可以不加判断的,默认全部清除,有强迫症也给加上
  if (autoBlur){
    targetElement.style.cssText = initialStyles;  // 还原初始样式
  }
}
// 鼠标点击时清除模糊效果
document.onclick = function(event) {
  toClear();
}
// 鼠标进入时清除模糊效果
document.onmouseenter = function(event) {
  toClear();
}
// 获得焦点时清除模糊效果
document.onfocus = function(event) {
  toClear();
}
// 鼠标离开页面时模糊页面
document.onmouseleave = function(event) {
  toBlur();
}
// 失焦时模糊页面
document.onblur = function(event) {
  toBlur();
}

// 监听键盘事件,阻止用户使用 PrintScreen 键进行截图
document.addEventListener('keyup', (e) => {
  if (e.key == 'PrintScreen') {
    if (noScreenshot) {
      navigator.clipboard.writeText('');
    }
  }
});
// 监听键盘事件,阻止用户使用 Ctrl+P 进行打印
document.addEventListener('keydown', (e) => {
  if (e.ctrlKey && e.key == 'p') {
    if (noPrint) {
      e.cancelBubble = true;
      e.preventDefault();
      e.stopImmediatePropagation();
    }
  }
});
```

## 打开开发者工具自动关闭
只可以防在页面中开启的开发者工具，浮窗的无效
```html
<script type="text/javascript">
// 定义一个函数fuckyou，用于关闭当前窗口并重定向到空白页
function fuckyou(){
  window.close(); // 尝试关闭当前窗口
  // window.location="about:blank"; // 将当前窗口跳转到空白页(会有恢复页面的可能性)
  // console.log("用户未登录,正在执行反开发者调试操作.");  // 调试使用
}

// 不可删除,否则会无权关闭当前窗口
// 定义一个函数ck，用于检查控制台是否被使用过
function ck() {
    console.profile(); // 开始一个控制台性能分析
    console.profileEnd(); // 结束性能分析

// 如果console.clear存在，则清除控制台
    if(console.clear) {
        console.clear()
    };

// 检查控制台是否有性能分析记录，如果有，则说明有人打开了开发者工具
    if (typeof console.profiles == "object"){
        return console.profiles.length > 0;
    }
}

// 定义一个函数hehe，用于检测是否打开了开发者工具
function hehe(){
  // 检查是否使用了Firebug或者opera的控制台
  if(
    (window.console && (console.firebug || console.table && /firebug/i.test(console.table()) )) ||
    (typeof opera == 'object' && typeof opera.postError == 'function' && console.profile.length > 0)
  ){
    fuckyou();
  }
  // 检查控制台性能分析记录是否大于0
  if(typeof console.profiles == "object" && console.profiles.length > 0){
    fuckyou();
  }
}
hehe();  // 调用hehe函数进行检测

// 监听窗口大小变化事件(根据窗口大小变化判断是否打开开发者工具,不防浮窗形式的)
window.onresize = function(){
  // 窗口的高度与页面的高度差值，则认为用户可能打开了开发者工具
  if((window.outerHeight-window.innerHeight)>100) {
    fuckyou();
  }
  // 窗口的宽度与页面的宽度差值，则认为用户可能打开了开发者工具
  if((window.outerWidth-window.innerWidth)>100) {
    fuckyou();
  }
}

// // 监听焦点变化事件(相当不讲理,切换其它窗口直接触发,非必要不建议使用)
// window.onblur = function(){
//   // 检查页面是否失去焦点，并且没有正在进行的点击操作
//   setTimeout(function(){
//     if(!document.hasFocus() && !document.activeElement || document.activeElement === document.body){
//       fuckyou();
//     }
//   }, 100); // 延迟100ms检查，以防用户快速点击页面导致误判
// }
</script>
```

## 禁用快捷键
只能做到一定意义上的防下载，有很多方法绕过
```html

<script>
  // 监听文档上的右键点击事件
  document.addEventListener('contextmenu', function (e) {
    e.preventDefault(); // 阻止默认的右键菜单弹出
  });

// 监听文档上的键盘按下事件
  document.addEventListener('keydown', function (e) {
    // 阻止 Ctrl+S(保存)、Ctrl+P(打印)、Ctrl+Shift+I(控制台,有些浏览器阻止无效) 快捷键行为(还是可以通过其它方式打开)
    if ((e.ctrlKey || e.metaKey) && (e.key === 's' || e.key === 'i' || e.key === 'p')) {
      e.preventDefault();
    }
  });
</script>
```

## 复制加版权信息
```html

<script>
  var Sys = {};  // 创建一个名为Sys的对象，用于存储一些浏览器相关的信息
  var ua = navigator.userAgent.toLowerCase();  // 获取用户代理字符串并转换为小写
  // 检测浏览器是否为IE(使用ActiveXObject进行检测)
  if (window.ActiveXObject) {
    // 在复制事件上绑定一个函数
    document.body.oncopy = function() {
      // 阻止默认的复制行为
      event.returnValue = false;
      // 获取用户选择的文本
      var t = document.selection.createRange().text;
      // 构建要添加到复制文本后面的字符串
      var s = "\r\n " + location.href + " [造物者W]";
      // 使用clipboardData对象将修改后的文本复制到剪贴板
      clipboardData.setData('Text', t + '\r\n' + s);
    }
  } else {
    // 对于非IE浏览器的情况
    function addLink() {
      // 获取页面body元素
      var body_element = document.getElementsByTagName('body')[0];
      var selection;  // 获取用户选择的文本
      selection = window.getSelection();
      // 构建要添加到复制文本后面的字符串
      var pagelink = "\r\n " + document.location.href + " [造物者W]";
      var copytext = selection + pagelink;
      var newdiv = document.createElement('div');  // 创建一个新的div元素并设置样式
      newdiv.style.position = 'absolute';
      newdiv.style.left = '-99999px';
      body_element.appendChild(newdiv);  // 将新的div元素添加到body中
      newdiv.innerHTML = copytext;  // 将复制文本设置为新的div的innerHTML
      selection.selectAllChildren(newdiv);  // 选择新的div元素中的所有子元素
      // 设置一个定时器，稍后移除新的div元素
      window.setTimeout(function() {
          body_element.removeChild(newdiv);
      }, 0);
    }
    document.oncopy = addLink;  // 在复制事件上绑定addLink函数
  }
</script>
```