首页 > 网络编程 > JavaScript > javascript技巧 > 网页复制自由编辑显示星号

超级标签之一键解除网页复制限制、网页自由编辑、显示星号密码功能代码

2022-09-30 18:20:25 投稿：mdxy-dxy

实现以上功能不用安装任何插件,把下列书签图标拖动到浏览器书签栏,就可以实现一键解除网页复制限制、网页自由编辑、显示星号密码功能

不用安装任何插件,把下列书签图标拖动到浏览器书签栏,就可以实现一键解除网页复制限制、网页自由编辑、显示星号密码功能。

第一步需要先显示标签栏，下面以chrome浏览器为例。其它浏览器原理类似，推荐使用chrome浏览器。

下面为了方便大家直接使用直接将链接拖动到浏览器书签栏即可，下面是演示，最直接方法就是下面三个分别拖到上面去，怕麻烦，这里直接将这三个放到上面来，方便使用。

显示星号密码 <<把左侧的链接拖动到浏览器书签栏试试
解除网页限制 <<把左侧的链接拖动到浏览器书签栏试试
网页自由编辑 <<把左侧的链接拖动到浏览器书签栏试试

动画教程，大家可以参考一下

🔑 显示星号密码

拖动图标添加到书签栏，点击 显示星号密码 书签后，即可当前网页的星号密码，适用于绝大部分网站。

核心代码

javascript:"use strict";!function(){for(var t=document.getElementsByTagName("input"),e=0;e<t.length;e++)"password"===t[e].getAttribute("type")&&t[e].setAttribute("type","text")}();

显示星号密码 <<把左侧的链接拖动到浏览器书签栏试试

如果部分网站仍然无法显示星号密码，可以使用增强型扩展 (opens new window)。支持QQ，百度，阿里等更多网站。

代码解释

这段代码是一个简单的 JavaScript 脚本，用于将页面中所有类型为 password 的输入框（<input> 标签）的类型改为 text，从而使输入的密码以明文形式显示出来。以下是代码的逐步解析：

代码内容

"use strict"; 
!function(){
    for(var t=document.getElementsByTagName("input"), e=0; e<t.length; e++)
        "password"===t[e].getAttribute("type") && t[e].setAttribute("type", "text")
}();

代码解析

"use strict";：

开启严格模式（strict mode），以防止某些不安全或不被推荐的 JavaScript 用法。例如，它会阻止使用未声明的变量。

严格模式可以帮助提高代码的安全性和可靠性。

!function(){ ... }();：

这是一个立即执行函数表达式（IIFE，Immediately Invoked Function Expression）。

通过加 !（或其他符号，如 ()）使函数成为表达式，并立即执行它的内容。

这个函数的主要作用是防止变量污染全局作用域。

document.getElementsByTagName("input")：

使用 document.getElementsByTagName 获取页面中所有的 <input> 元素，返回一个 HTML 集合（HTMLCollection）。

for(var t=document.getElementsByTagName("input"), e=0; e<t.length; e++)：

定义了一个循环，变量 t 是存储所有 input 元素的集合。

变量 e 是循环计数器，从 0 开始，直到遍历所有的 input 元素。

t[e].getAttribute("type")：

对每个 <input> 元素，检查它的 type 属性值。

如果 type 属性等于 "password"，则继续执行后面的逻辑。

t[e].setAttribute("type", "text")：

将满足条件的 <input> 元素的 type 属性从 "password" 改为 "text"。

这样，密码输入框就会从掩码（隐藏字符，例如 ****）变为明文显示。

运行结果：

代码执行后，页面上所有的密码输入框将变为明文显示。

实际用途：

调试目的：开发者可能会使用这种脚本来调试密码输入框，检查输入是否正确。
不推荐用于恶意目的：例如，未经用户许可在网页中运行此代码会泄露密码，存在隐私和安全隐患。

🔓解除网页限制

拖动图标添加到书签栏，点击 解除网页限制 书签后，即可解锁当前网站的复制限制，右键限制，选择限制等，适用于绝大部分网站。

核心代码

javascript:"use strict";!function(){var t=function(t){t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation()};["copy","cut","contextmenu","selectstart","mousedown","mouseup","keydown","keypress","keyup"].forEach(function(e){document.documentElement.addEventListener(e,t,{capture:!0})}),alert("解除限制成功啦！")}();

解除网页限制 <<把左侧的链接拖动到浏览器书签栏试试

代码解释

这段代码是一个用于解除网页上的一些用户交互限制的 JavaScript 脚本，通常被用于解决一些网站限制用户操作的情况，比如禁用复制、右键菜单或选择文本等。下面是对代码的详细解释：

这段代码的主要功能是通过监听并阻止特定事件的传播，来解除一些网页上的交互限制。例如：

禁止右键菜单（contextmenu）
禁止文本选择（selectstart）
禁止复制（copy）
禁止剪切（cut）
禁用键盘事件（keydown、keypress、keyup）
禁用鼠标事件（mousedown、mouseup）

通过阻止这些事件的传播，用户可以重新获得对网页的控制权。

代码逐步解析

(1) "use strict";

开启严格模式，使代码更加规范，避免一些隐含错误。

(2) !function(){ ... }();

这是一个自执行函数（IIFE，Immediately Invoked Function Expression），用于封装代码，避免污染全局作用域。

(3) var t = function(t){ ... };

定义了一个事件处理函数 t，用于阻止事件的传播：

t.stopPropagation()：阻止事件冒泡到父级元素。

t.stopImmediatePropagation && t.stopImmediatePropagation()：如果存在 stopImmediatePropagation 方法（某些浏览器支持），则阻止事件的后续处理器被调用。

(4) ["copy", "cut", ...].forEach(function(e){ ... });

列出了一组事件类型，包括：

对这些事件进行遍历，并为每个事件类型添加一个全局监听器。

剪切和复制相关的事件：copy、cut

右键菜单事件：contextmenu

文本选择事件：selectstart

鼠标事件：mousedown、mouseup

键盘事件：keydown、keypress、keyup

(5) document.documentElement.addEventListener(e, t, {capture: !0});

为 document.documentElement（HTML 根节点）添加事件监听器：

e 是当前事件类型，比如 copy 或 mousedown。

t 是之前定义的事件处理函数，用于阻止事件的传播。

{capture: !0} 表示

✍️ 网页自由编辑

拖动图标添加到书签栏，点击 网页自由编辑 书签后，当前网页内容变为可以编辑的状态，再次点击退出编辑状态，适用于所有网站。

核心代码

javascript:"use strict";!function(){"true"===document.body.getAttribute("contenteditable")?(document.body.setAttribute("contenteditable",!1),alert("网页不能编辑啦！")):(document.body.setAttribute("contenteditable",!0),alert("网页可以编辑啦！"))}();

网页自由编辑 <<把左侧的链接拖动到浏览器书签栏试试

代码解释

这段代码是一段 JavaScript 书签代码（bookmarklet），用于切换网页的内容是否可编辑（contenteditable 属性），以下是代码的详细解释：

"use strict"; 
!function(){
    "true" === document.body.getAttribute("contenteditable")
    ? (
        document.body.setAttribute("contenteditable", !1), 
        alert("网页不能编辑啦！")
    ) 
    : (
        document.body.setAttribute("contenteditable", !0), 
        alert("网页可以编辑啦！")
    )
}();

功能简介

这段代码通过设置网页 <body> 元素的 contenteditable 属性，使网页内容变为可编辑或不可编辑状态。执行后会弹出一个提示框，告知当前状态是否可编辑。

详细拆解：

启用严格模式：

"use strict";

启用严格模式，目的是提高代码的安全性，防止一些潜在的错误。

自调用匿名函数：

!function() { ... }();

这是一个立即执行函数表达式（IIFE，Immediately Invoked Function Expression）。该函数会在代码运行时立即执行。

获取 contenteditable 属性值：

"true" === document.body.getAttribute("contenteditable")

检查 <body> 元素的 contenteditable 属性值是否为 "true"：

如果 contenteditable="true"，说明当前网页内容是可编辑的。

如果没有设置，或值为 false，说明网页内容不可编辑。

切换状态：

document.body.setAttribute("contenteditable", !1)

如果当前是 "true"，将 contenteditable 属性设置为 false，使网页不可编辑。

如果当前不是 "true"（即不可编辑），则将其设置为 true，使网页可编辑。

弹窗提示：

alert("网页不能编辑啦！");

根据当前状态，通过 alert 弹出提示框：

如果 contenteditable 被设置为 false，弹出“网页不能编辑啦！”。

如果设置为 true，弹出“网页可以编辑啦！”。

使用场景：

调试或快速修改网页：这段代码可以临时让网页内容变为可编辑状态，用于前端调试或快速修改页面上的内容。

简单演示或教学：可以用来演示网页中 contenteditable 属性的效果。

如何运行：

将整个代码复制到浏览器地址栏或书签中。

在任意网页上点击执行代码即可切换网页的编辑状态。

网页文字禁止复制？教你7招轻松破解！

在日常浏览网页时，是否遇到过这样的尴尬场景：发现一段有用的文字，却无法复制？网页开发者似乎在“有意刁难”，用技术手段阻止你轻松获取内容。这种情况让人心生无力，但其实破解这些限制的方法非常简单！今天，我将为大家分享7种实用又高效的技巧，助你轻松破解复制限制，绝对值得收藏！

方法一：关闭 JavaScript，解除一切限制

很多网页复制限制是通过 JavaScript 实现的，禁用 JavaScript 就能轻松绕过。

在 Chrome 浏览器中
打开网页后，按下 F12 或 Ctrl + Shift + I 调出开发者工具。
切换到 “Console”（控制台），输入

document.oncontextmenu=null; 
document.onselectstart=null;

一般网站都是可以的，但csdn使用了f12检测机制，可以通过别的方法

然后按回车。

彻底禁用

点击浏览器右上角的菜单 > 设置 > 隐私和安全 > 网站设置 > 内容选项 > JavaScript。

禁用当前网站的 JavaScript。

方法二：“打印”变“复制”，PDF 来帮忙

不能直接复制？没关系，我们可以“曲线救国”！某些网页即使无法直接复制，也可以通过“打印”为 PDF，然后提取文字。

步骤:

在网页中按 Ctrl + P 或右键选择“打印”。

选择“另存为 PDF”并保存文件。

打开 PDF 文件，使用 PDF 阅读器中的复制功能。

这种方法不仅简单，还能保存页面内容，方便日后查阅。

方法三：神器助攻，浏览器插件解锁一切

你不是一个人在战斗！很多浏览器插件专门为了解决这种问题，比如 “Enable Copy” 和 “Allow Copy”。

步骤：

打开 Chrome 扩展商店，搜索并安装插件。
激活插件，刷新网页，即可随意复制！
插件小巧灵活，无需复杂设置，任何人都能轻松上手。

方法四：直接查看源代码，干净利落

网页上的所有内容本质上都在源代码里。只需几步操作，就能轻松找到你想要的文字。

步骤：

按 Ctrl + U 查看网页源代码。
使用 Ctrl + F 搜索关键字，找到对应的文字。
复制粘贴，完全无阻碍。
这种方法适合技术小白，一看就懂，特别实用。

方法五：截图 + OCR 技术，万能解锁

当所有传统方法失效时，截图 + OCR 技术是你的“终极武器”。

步骤:

截取屏幕内容，保存为图片。
使用文字识别工具（如百度 OCR、谷歌文档）将图片转化为文字。3. 3. 复制提取的文字，完美搞定！

方法六：修改 CSS 样式，解除选中限制

如果网页通过 CSS 禁止选中文本，你只需稍作调整，就能轻松突破。

步骤：

打开开发者工具（F12），切换到“Elements”面板。
找到 CSS 属性 user-select: none; 或 pointer-events: none;，将其删除或修改为：
保存后刷新页面，限制消失！

方法七：保存网页为离线文件，随意操作

有些情况下，直接下载网页内容是最快捷的解决方案。

步骤：

按下 Ctrl + S，将网页保存到本地。
用文本编辑器（如 Notepad++）打开保存的文件。
找到需要的文字，随意复制！
温馨提示：技巧虽好，切勿滥用

掌握这些方法后，你几乎可以绕过所有网页文字复制限制。但请记住，尊重原创和版权是我们的基本底线。请勿将这些技巧用于侵权或非法用途。

总结

这段代码的核心功能是利用 HTML 的 contenteditable 属性，让用户可以通过点击执行代码，在网页内容“可编辑”和“不可编辑”之间切换，同时通过弹窗提示用户当前的状态。

到此这篇关于超级标签之一键解除网页复制限制、网页自由编辑、显示星号密码功能代码的文章就介绍到这了,更多相关网页复制自由编辑显示星号内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！