不用安裝任何插件,把下列書簽圖標(biāo)拖動到瀏覽器書簽欄,就可以實現(xiàn)一鍵解除網(wǎng)頁復(fù)制限制、網(wǎng)頁自由編輯、顯示星號密碼功能。

第一步需要先顯示標(biāo)簽欄，下面以chrome瀏覽器為例。其它瀏覽器原理類似，推薦使用chrome瀏覽器。

下面為了方便大家直接使用直接將鏈接拖動到瀏覽器書簽欄即可，下面是演示，最直接方法就是下面三個分別拖到上面去，怕麻煩，這里直接將這三個放到上面來，方便使用。

• 顯示星號密碼    <<把左側(cè)的鏈接拖動到瀏覽器書簽欄試試
• 解除網(wǎng)頁限制    <<把左側(cè)的鏈接拖動到瀏覽器書簽欄試試
• 網(wǎng)頁自由編輯    <<把左側(cè)的鏈接拖動到瀏覽器書簽欄試試

動畫教程，大家可以參考一下

?? 顯示星號密碼

拖動圖標(biāo)添加到書簽欄，點擊 顯示星號密碼 書簽后，即可當(dāng)前網(wǎng)頁的星號密碼，適用于絕大部分網(wǎng)站。

核心代碼

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")}();

顯示星號密碼     <<把左側(cè)的鏈接拖動到瀏覽器書簽欄試試

如果部分網(wǎng)站仍然無法顯示星號密碼，可以使用增強(qiáng)型擴(kuò)展 (opens new window)。支持QQ，百度，阿里等更多網(wǎng)站。

代碼解釋

這段代碼是一個簡單的 JavaScript 腳本，用于將頁面中所有類型為 password 的輸入框（<input> 標(biāo)簽）的類型改為 text，從而使輸入的密碼以明文形式顯示出來。以下是代碼的逐步解析：

代碼內(nèi)容

"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";：

開啟嚴(yán)格模式（strict mode），以防止某些不安全或不被推薦的 JavaScript 用法。例如，它會阻止使用未聲明的變量。

嚴(yán)格模式可以幫助提高代碼的安全性和可靠性。

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

這是一個立即執(zhí)行函數(shù)表達(dá)式（IIFE，Immediately Invoked Function Expression）。

通過加 !（或其他符號，如 ()）使函數(shù)成為表達(dá)式，并立即執(zhí)行它的內(nèi)容。

這個函數(shù)的主要作用是防止變量污染全局作用域。

document.getElementsByTagName("input")：

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

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

定義了一個循環(huán)，變量 t 是存儲所有 input 元素的集合。

變量 e 是循環(huán)計數(shù)器，從 0 開始，直到遍歷所有的 input 元素。

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

對每個 <input> 元素，檢查它的 type 屬性值。

如果 type 屬性等于 "password"，則繼續(xù)執(zhí)行后面的邏輯。

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

將滿足條件的 <input> 元素的 type 屬性從 "password" 改為 "text"。

這樣，密碼輸入框就會從掩碼（隱藏字符，例如 ****）變?yōu)槊魑娘@示。

運行結(jié)果：

代碼執(zhí)行后，頁面上所有的密碼輸入框?qū)⒆優(yōu)槊魑娘@示。

實際用途：

• 調(diào)試目的：開發(fā)者可能會使用這種腳本來調(diào)試密碼輸入框，檢查輸入是否正確。
• 不推薦用于惡意目的：例如，未經(jīng)用戶許可在網(wǎng)頁中運行此代碼會泄露密碼，存在隱私和安全隱患。

??解除網(wǎng)頁限制

拖動圖標(biāo)添加到書簽欄，點擊 解除網(wǎng)頁限制 書簽后，即可解鎖當(dāng)前網(wǎng)站的復(fù)制限制，右鍵限制，選擇限制等，適用于絕大部分網(wǎng)站。

核心代碼

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("解除限制成功啦！")}();

解除網(wǎng)頁限制   <<把左側(cè)的鏈接拖動到瀏覽器書簽欄試試

代碼解釋

這段代碼是一個用于解除網(wǎng)頁上的一些用戶交互限制的 JavaScript 腳本，通常被用于解決一些網(wǎng)站限制用戶操作的情況，比如禁用復(fù)制、右鍵菜單或選擇文本等。下面是對代碼的詳細(xì)解釋：

這段代碼的主要功能是通過監(jiān)聽并阻止特定事件的傳播，來解除一些網(wǎng)頁上的交互限制。例如：

• 禁止右鍵菜單（contextmenu）
• 禁止文本選擇（selectstart）
• 禁止復(fù)制（copy）
• 禁止剪切（cut）
• 禁用鍵盤事件（keydown、keypress、keyup）
• 禁用鼠標(biāo)事件（mousedown、mouseup）

通過阻止這些事件的傳播，用戶可以重新獲得對網(wǎng)頁的控制權(quán)。

 代碼逐步解析

(1) "use strict";

開啟嚴(yán)格模式，使代碼更加規(guī)范，避免一些隱含錯誤。

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

這是一個自執(zhí)行函數(shù)（IIFE，Immediately Invoked Function Expression），用于封裝代碼，避免污染全局作用域。

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

定義了一個事件處理函數(shù) t，用于阻止事件的傳播：

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

t.stopImmediatePropagation && t.stopImmediatePropagation()：如果存在 stopImmediatePropagation 方法（某些瀏覽器支持），則阻止事件的后續(xù)處理器被調(diào)用。

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

列出了一組事件類型，包括：

對這些事件進(jìn)行遍歷，并為每個事件類型添加一個全局監(jiān)聽器。

剪切和復(fù)制相關(guān)的事件：copy、cut

右鍵菜單事件：contextmenu

文本選擇事件：selectstart

鼠標(biāo)事件：mousedown、mouseup

鍵盤事件：keydown、keypress、keyup

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

為 document.documentElement（HTML 根節(jié)點）添加事件監(jiān)聽器：

e 是當(dāng)前事件類型，比如 copy 或 mousedown。

t 是之前定義的事件處理函數(shù)，用于阻止事件的傳播。

{capture: !0} 表示

?? 網(wǎng)頁自由編輯

拖動圖標(biāo)添加到書簽欄，點擊 網(wǎng)頁自由編輯 書簽后，當(dāng)前網(wǎng)頁內(nèi)容變?yōu)榭梢跃庉嫷臓顟B(tài)，再次點擊退出編輯狀態(tài)，適用于所有網(wǎng)站。

核心代碼

javascript:"use strict";!function(){"true"===document.body.getAttribute("contenteditable")?(document.body.setAttribute("contenteditable",!1),alert("網(wǎng)頁不能編輯啦！")):(document.body.setAttribute("contenteditable",!0),alert("網(wǎng)頁可以編輯啦！"))}();

網(wǎng)頁自由編輯   <<把左側(cè)的鏈接拖動到瀏覽器書簽欄試試

代碼解釋

這段代碼是一段 JavaScript 書簽代碼（bookmarklet），用于切換網(wǎng)頁的內(nèi)容是否可編輯（contenteditable 屬性），以下是代碼的詳細(xì)解釋：

"use strict"; 
!function(){
    "true" === document.body.getAttribute("contenteditable")
    ? (
        document.body.setAttribute("contenteditable", !1), 
        alert("網(wǎng)頁不能編輯啦！")
    ) 
    : (
        document.body.setAttribute("contenteditable", !0), 
        alert("網(wǎng)頁可以編輯啦！")
    )
}();

功能簡介

這段代碼通過設(shè)置網(wǎng)頁 <body> 元素的 contenteditable 屬性，使網(wǎng)頁內(nèi)容變?yōu)榭删庉嫽虿豢删庉嫚顟B(tài)。執(zhí)行后會彈出一個提示框，告知當(dāng)前狀態(tài)是否可編輯。

詳細(xì)拆解：

啟用嚴(yán)格模式：

"use strict";

啟用嚴(yán)格模式，目的是提高代碼的安全性，防止一些潛在的錯誤。

自調(diào)用匿名函數(shù)：

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

這是一個立即執(zhí)行函數(shù)表達(dá)式（IIFE，Immediately Invoked Function Expression）。該函數(shù)會在代碼運行時立即執(zhí)行。

獲取 contenteditable 屬性值：

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

檢查 <body> 元素的 contenteditable 屬性值是否為 "true"：

如果 contenteditable="true"，說明當(dāng)前網(wǎng)頁內(nèi)容是可編輯的。

如果沒有設(shè)置，或值為 false，說明網(wǎng)頁內(nèi)容不可編輯。

切換狀態(tài)：

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

如果當(dāng)前是 "true"，將 contenteditable 屬性設(shè)置為 false，使網(wǎng)頁不可編輯。

如果當(dāng)前不是 "true"（即不可編輯），則將其設(shè)置為 true，使網(wǎng)頁可編輯。

彈窗提示：

alert("網(wǎng)頁不能編輯啦！");

根據(jù)當(dāng)前狀態(tài)，通過 alert 彈出提示框：

如果 contenteditable 被設(shè)置為 false，彈出“網(wǎng)頁不能編輯啦！”。

如果設(shè)置為 true，彈出“網(wǎng)頁可以編輯啦！”。

使用場景：

調(diào)試或快速修改網(wǎng)頁： 這段代碼可以臨時讓網(wǎng)頁內(nèi)容變?yōu)榭删庉嫚顟B(tài)，用于前端調(diào)試或快速修改頁面上的內(nèi)容。

簡單演示或教學(xué)： 可以用來演示網(wǎng)頁中 contenteditable 屬性的效果。

如何運行：

將整個代碼復(fù)制到瀏覽器地址欄或書簽中。

在任意網(wǎng)頁上點擊執(zhí)行代碼即可切換網(wǎng)頁的編輯狀態(tài)。

網(wǎng)頁文字禁止復(fù)制？教你7招輕松破解！

在日常瀏覽網(wǎng)頁時，是否遇到過這樣的尷尬場景：發(fā)現(xiàn)一段有用的文字，卻無法復(fù)制？網(wǎng)頁開發(fā)者似乎在“有意刁難”，用技術(shù)手段阻止你輕松獲取內(nèi)容。這種情況讓人心生無力，但其實破解這些限制的方法非常簡單！今天，我將為大家分享7種實用又高效的技巧，助你輕松破解復(fù)制限制，絕對值得收藏！

方法一：關(guān)閉 JavaScript，解除一切限制

很多網(wǎng)頁復(fù)制限制是通過 JavaScript 實現(xiàn)的，禁用 JavaScript 就能輕松繞過。

在 Chrome 瀏覽器中
打開網(wǎng)頁后，按下 F12 或 Ctrl + Shift + I 調(diào)出開發(fā)者工具。
切換到 “Console”（控制臺），輸入

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

一般網(wǎng)站都是可以的，但csdn使用了f12檢測機(jī)制，可以通過別的方法

然后按回車。

徹底禁用

點擊瀏覽器右上角的菜單 > 設(shè)置 > 隱私和安全 > 網(wǎng)站設(shè)置 > 內(nèi)容選項 > JavaScript。

禁用當(dāng)前網(wǎng)站的 JavaScript。

方法二：“打印”變“復(fù)制”，PDF 來幫忙

不能直接復(fù)制？沒關(guān)系，我們可以“曲線救國”！某些網(wǎng)頁即使無法直接復(fù)制，也可以通過“打印”為 PDF，然后提取文字。

步驟:

在網(wǎng)頁中按 Ctrl + P 或右鍵選擇“打印”。

選擇“另存為 PDF”并保存文件。

打開 PDF 文件，使用 PDF 閱讀器中的復(fù)制功能。

這種方法不僅簡單，還能保存頁面內(nèi)容，方便日后查閱。

方法三：神器助攻，瀏覽器插件解鎖一切

你不是一個人在戰(zhàn)斗！很多瀏覽器插件專門為了解決這種問題，比如 “Enable Copy” 和 “Allow Copy”。

步驟：

打開 Chrome 擴(kuò)展商店，搜索并安裝插件。
激活插件，刷新網(wǎng)頁，即可隨意復(fù)制！
插件小巧靈活，無需復(fù)雜設(shè)置，任何人都能輕松上手。

方法四：直接查看源代碼，干凈利落

網(wǎng)頁上的所有內(nèi)容本質(zhì)上都在源代碼里。只需幾步操作，就能輕松找到你想要的文字。

步驟：

按 Ctrl + U 查看網(wǎng)頁源代碼。
使用 Ctrl + F 搜索關(guān)鍵字，找到對應(yīng)的文字。
復(fù)制粘貼，完全無阻礙。
這種方法適合技術(shù)小白，一看就懂，特別實用。

方法五：截圖 + OCR 技術(shù)，萬能解鎖

當(dāng)所有傳統(tǒng)方法失效時，截圖 + OCR 技術(shù)是你的“終極武器”。

步驟:

截取屏幕內(nèi)容，保存為圖片。
使用文字識別工具（如百度 OCR、谷歌文檔）將圖片轉(zhuǎn)化為文字。3. 3. 復(fù)制提取的文字，完美搞定！

方法六：修改 CSS 樣式，解除選中限制

如果網(wǎng)頁通過 CSS 禁止選中文本，你只需稍作調(diào)整，就能輕松突破。

步驟：

打開開發(fā)者工具（F12），切換到“Elements”面板。
找到 CSS 屬性 user-select: none; 或 pointer-events: none;，將其刪除或修改為：
保存后刷新頁面，限制消失！

方法七：保存網(wǎng)頁為離線文件，隨意操作

有些情況下，直接下載網(wǎng)頁內(nèi)容是最快捷的解決方案。

步驟：

按下 Ctrl + S，將網(wǎng)頁保存到本地。
用文本編輯器（如 Notepad++）打開保存的文件。
找到需要的文字，隨意復(fù)制！
溫馨提示：技巧雖好，切勿濫用

掌握這些方法后，你幾乎可以繞過所有網(wǎng)頁文字復(fù)制限制。但請記住，尊重原創(chuàng)和版權(quán)是我們的基本底線。請勿將這些技巧用于侵權(quán)或非法用途。

總結(jié)

這段代碼的核心功能是利用 HTML 的 contenteditable 屬性，讓用戶可以通過點擊執(zhí)行代碼，在網(wǎng)頁內(nèi)容“可編輯”和“不可編輯”之間切換，同時通過彈窗提示用戶當(dāng)前的狀態(tài)。

到此這篇關(guān)于超級標(biāo)簽之一鍵解除網(wǎng)頁復(fù)制限制、網(wǎng)頁自由編輯、顯示星號密碼功能代碼的文章就介紹到這了,更多相關(guān)網(wǎng)頁復(fù)制自由編輯顯示星號內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論