很多人可能都遇到这样的问题,抛开禁止转载不提,为什么有的内容能复制有的内容就不让复制。说白了可能是技术实现的。
做程序开发的程序猿大佬就知道,这种其实是浏览器提供的javascript脚本实现的一个功能,如果你是前端开发员,就更清楚这个功能了。
因为过于简单的,我这里直接提供一个示例,各位贵人,按照我的操作也能实现近个功能。
禁止复制等功能实现
1、新建一个禁止复制.txt的文件,然后右键打开在里面把以下内容复制进来:
2、再把禁止复制.txt改成禁止复制.html,然后双击打开这个文件,会发现它在浏览器打开了,试一试复制等功能。
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>禁止复制示例页面</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> <script> tailwind.config = { theme: { extend: { colors: { primary: '#3b82f6', secondary: '#64748b', }, fontFamily: { sans: ['Inter', 'system-ui', 'sans-serif'], }, } } } </script> <style type="text/tailwindcss"> @layer utilities { .content-auto { content-visibility: auto; } .text-shadow { text-shadow: 0 2px 4px rgba(0,0,0,0.1); } } </style> </head> <body class="bg-gray-50 font-sans text-gray-800"> <header class="bg-primary text-white shadow-md"> <div class="container mx-auto px-4 py-6"> <h1 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-shadow">禁止复制内容演示</h1> <p class="mt-2 opacity-90">本页面展示如何限制内容复制功能</p> </div> </header> <main class="container mx-auto px-4 py-8 max-w-4xl"> <div class="bg-white rounded-lg shadow-lg p-6 mb-8"> <h2 class="text-2xl font-semibold mb-4 text-primary border-b pb-2">受保护的内容</h2> <p class="mb-4">这是一段受保护的文本内容,尝试复制这段文字会受到限制。</p> <p class="mb-4">该页面实现了以下限制:</p> <ul class="list-disc pl-6 mb-4 space-y-1"> <li>禁止选中文字</li> <li>禁止复制内容</li> <li>禁止剪切和粘贴</li> <li>禁止右键菜单</li> </ul> <div class="bg-gray-100 p-4 rounded my-6"> <p>这是一段示例文本,包含一些可能需要保护的信息。在实际应用中,这可能是版权内容、付费文章或其他需要限制复制的材料。</p> </div> <p>请注意,这些限制只能阻止普通用户的复制行为,无法完全防止有技术知识的用户获取内容。</p> </div> <div class="bg-blue-50 border-l-4 border-primary p-4 rounded mb-8"> <h3 class="font-semibold text-primary flex items-center"> <i class="fa fa-info-circle mr-2"></i>信息提示 </h3> <p class="mt-2 text-gray-700">此页面仅作为技术演示,展示如何实现内容保护功能。在实际应用中,应权衡内容保护与用户体验之间的平衡。</p> </div> </main> <footer class="bg-gray-800 text-white py-6"> <div class="container mx-auto px-4 text-center"> <p>© 2023 内容保护演示页面</p> </div> </footer> <script> // 禁止右键菜单 document.addEventListener('contextmenu', function(e) { e.preventDefault(); alert('右键菜单已禁用,本页面内容受保护'); }); // 禁止复制 document.addEventListener('copy', function(e) { e.preventDefault(); alert('抱歉,本页面内容禁止复制'); }); // 禁止剪切 document.addEventListener('cut', function(e) { e.preventDefault(); alert('抱歉,本页面内容禁止剪切'); }); // 禁止粘贴 document.addEventListener('paste', function(e) { e.preventDefault(); alert('本页面禁止粘贴操作'); }); // 禁止选中文字 document.addEventListener('selectstart', function(e) { e.preventDefault(); return false; }); // 针对火狐浏览器的右键处理 document.addEventListener('mousedown', function(e) { if (e.button === 2) { // 右键点击 e.preventDefault(); alert('右键菜单已禁用,本页面内容受保护'); return false; } }); // 额外的CSS层保护 document.documentElement.style.userSelect = 'none'; document.documentElement.style.webkitUserSelect = 'none'; document.documentElement.style.msUserSelect = 'none'; </script> </body> </html>
解除复制等功能实现
通过上面的讲解应该很清楚,这个是用javascript实现的,要解除,我们只要通过同样的手段取消就行了。
比如我们禁止网页使用javascript,当然这样也会把一些本来有的功能也一起取消了,必定javascript能做的功能实在太多了,不信你豆包去查一下,我这里不提供了。
理解原理后,解除方法就变的简单的多了;
方法一
浏览器本身有针对开发者使用的开发模式,一搬我们只要按f12就能打开,再选择控制面版,在下面就可以javascript代码了
如果你想在别人的网站上解除其设置的禁止复制限制,需要通过浏览器的开发者工具来实现,因为这属于客户端操作(注意:请遵守网站的版权声明和使用条款,合法合规地使用网络内容)。
以下是具体方法:
- 通过浏览器开发者工具移除事件监听
- 打开目标网站,按 F12 或 Ctrl+Shift+I 打开开发者工具
- 切换到 Console(控制台)标签
- 输入以下代码并回车:
// 移除复制相关事件监听 document.removeEventListener('copy', null, true); document.removeEventListener('cut', null, true); document.removeEventListener('paste', null, true); document.removeEventListener('contextmenu', null, true); document.removeEventListener('selectstart', null, true); document.removeEventListener('mousedown', null, true); // 解除CSS禁止选择限制 document.documentElement.style.userSelect = ''; document.documentElement.style.webkitUserSelect = ''; document.documentElement.style.msUserSelect = ''; document.body.style.userSelect = '';
方法二
直接使用浏览器插件,一些浏览器插件开发者直接实现了这些功能,通过安装插件开启和禁用直接实现,来的更快点。
推荐插件:SuperCopy
SuperCopy是一个能让你在任何网站复制文本的浏览器扩展, 一键解除禁止右键、解除禁止选择、解除禁止复制、解除禁止粘贴,启用复制,启用右键,启用选择,启用粘贴。
下载地址获取
找到这个文件。
安装方法
下载后,不需要解压,直接拖动到浏览器插件上就行,以谷歌浏览器和edge为例
1、选择右上角插件图标
2、选择最下面的管理扩展程序
3、直接拖动压缩包过来;
4、再次点扩展程序,找到SuperCopy,然后选择右边如下图所示,点击就可以在上面展示了。
5、随便打开个网页就可以试试了。
最近没什么好写的,目的还是想为各位贵人解决问题,但有时候问题太多了,或都不知道大多数人需要哪些问题解决,所以主要以电脑或电脑上的软件为主去写。还是希望尽量解决各位贵人的烦恼
如果觉的能帮助到你,麻烦点赞收藏一下,你的收藏点赞是我最大的动力,虽然你就是形式敷衍一下。