Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 久久91精品国产91,久久成人精品,久久精品视频99精品视频150

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          利用js和css,頁面如何實(shí)現(xiàn)禁止復(fù)制與禁止調(diào)試等限制操作

          我們開發(fā)系統(tǒng)的時(shí)候,可能會(huì)接到這樣的需求:不要讓用戶復(fù)制頁面上的文字或者圖片,不要讓用戶調(diào)試我們的頁面,更甚至也不要讓用戶進(jìn)行打印操作等等。

          聽起來是不是讓人很頭大,這咋實(shí)現(xiàn)啊?這有必要嗎?這能禁住么?

          如果你沒做過這些,或者沒接到過這樣的需求,那你也應(yīng)該看到過某個(gè)網(wǎng)站做了一些這樣的措施。

          既然要做,我們就得想方案,先來看看禁止復(fù)制都有哪些方法。

          禁止復(fù)制

          假設(shè)我們有這樣一段代碼:

          <div style="padding-left: 56px;">
            <textarea rows="5" cols="33"></textarea>
          </div>
          <pre>
            海客談瀛洲,煙濤微茫信難求,
          
            越人語天姥,云霞明滅或可睹。
          
            天姥連天向天橫,勢(shì)拔五岳掩赤城。
          
            天臺(tái)四萬八千丈,對(duì)此欲倒東南傾。
          
            我欲因之夢(mèng)吳越,一夜飛度鏡湖月。
          
            湖月照我影,送我至剡溪。
            </pre>

          接下來就通過這個(gè)例子來論述我們的方案:

          x效果

          1. 通過user-select:none

          這是一個(gè)css屬性,標(biāo)識(shí)了元素及其子元素的文本不可被選中,因此設(shè)定之后,文本將不能夠被選中,因此也就不能復(fù)制:

          <pre style="user-select: none;">
            海客談瀛洲,煙濤微茫信難求,
          
            越人語天姥,云霞明滅或可睹。
          
            天姥連天向天橫,勢(shì)拔五岳掩赤城。
          
            天臺(tái)四萬八千丈,對(duì)此欲倒東南傾。
          
            我欲因之夢(mèng)吳越,一夜飛度鏡湖月。
          
            湖月照我影,送我至剡溪。
            </pre>

          我們?cè)谶@段文本上,加上這個(gè)樣式。

          效果

          可以看到,文字壓根就不能選擇,從鼠標(biāo)形狀也能看出來。

          1. 通過攔截copy操作

          由于用在進(jìn)行復(fù)制操作的時(shí)候,會(huì)觸發(fā)copy事件,我們可以通過監(jiān)聽它來做一些處理,使得復(fù)制的行為發(fā)生改變:

          <div>
            <div style="padding-left: 56px;">
              <textarea rows="5" cols="33"></textarea>
            </div>
            <pre id="content">
              海客談瀛洲,煙濤微茫信難求,
          
              越人語天姥,云霞明滅或可睹。
          
              天姥連天向天橫,勢(shì)拔五岳掩赤城。
          
              天臺(tái)四萬八千丈,對(duì)此欲倒東南傾。
          
              我欲因之夢(mèng)吳越,一夜飛度鏡湖月。
          
              湖月照我影,送我至剡溪。
            </pre>
          </div>
          <script>
            let c = document.getElementById('content')
            c.removeEventListener("copy", copyFilter)
            c.addEventListener("copy", copyFilter)
            function copyFilter(e) {
              let cp = e.clipboardData || window.clipboardData
              if(!cp) {
                return
              }
              let text = window.getSelection().toString()
              if(text) {
                e.preventDefault()
                cp.setData("text/plain", "你復(fù)制了一段魔法")
              }
            }
          </script>

          先獲取到我們要禁止復(fù)制的元素,然后給它添加一個(gè)copy的事件監(jiān)聽,在添加監(jiān)聽之前,要先移除一下,這樣是為了避免局部刷新的時(shí)候重復(fù)添加,然后我們通過copyFilter函數(shù)來對(duì)這次操作進(jìn)行處理。

          先獲取剪貼板對(duì)象,如果當(dāng)前事件對(duì)象里不存在,那就從window里面取,然后我們通過getSelection再拿到選取的內(nèi)容,因?yàn)槲覀儗?duì)剪貼板對(duì)象進(jìn)行修改,所以要阻止默認(rèn)行為,然后把剪貼板的內(nèi)容重新賦值,可以是示例中那樣的一段文字,也可以設(shè)置為空,甚至是任意其他內(nèi)容,然后我們就可以看到產(chǎn)生的效果了:

          效果

          雖然能復(fù)制文本,但是由于我們攔截了復(fù)制操作,更改了它的行為,因此再粘貼的時(shí)候就變成了我們更改的樣子,也做到了禁止復(fù)制的功能。

          這種方式對(duì)于使用快捷鍵或者右鍵的方式都是有效的。

          1. 通過攔截cut操作

          這種情況主要是在可編輯區(qū)域,比如文本框、文本域、設(shè)置為contenteditable的元素等,用戶可以對(duì)文字進(jìn)行剪切操作,雖然上面禁止了復(fù)制,但是剪切是另一個(gè)操作,不攔截的話還是相當(dāng)于能復(fù)制出來。

          copy和cut只是觸發(fā)的事件不同而已,但是它們都是執(zhí)行相同的邏輯處理:

          <div>
            <div style="padding-left: 56px;">
              <textarea rows="5" cols="33"></textarea>
            </div>
            <pre id="content" contenteditable>
              海客談瀛洲,煙濤微茫信難求,
          
              越人語天姥,云霞明滅或可睹。
          
              天姥連天向天橫,勢(shì)拔五岳掩赤城。
          
              天臺(tái)四萬八千丈,對(duì)此欲倒東南傾。
          
              我欲因之夢(mèng)吳越,一夜飛度鏡湖月。
          
              湖月照我影,送我至剡溪。
            </pre>
          </div>
          <script>
            let c = document.getElementById('content')
            c.removeEventListener("cut", copyFilter)
            c.addEventListener("cut", copyFilter)
            function copyFilter(e) {
              let cp = e.clipboardData || window.clipboardData
              if(!cp) {
                return
              }
              let text = window.getSelection().toString()
              if(text) {
                e.preventDefault()
                cp.setData("text/plain", "你復(fù)制了一段魔法")
              }
            }
          </script>

          這里我為了方便,給元素添加了contenteditable屬性,讓它變成可編輯的,copyFilter函數(shù)沒有變化,我們只是添加了一個(gè)剪切事件的監(jiān)聽,然后它們的處理函數(shù)都是copyFilter。看下效果:

          效果

          可以看到,首先我們對(duì)文字進(jìn)行剪切,沒有出現(xiàn)預(yù)期的效果,這時(shí)因?yàn)槲覀冊(cè)诖a里面對(duì)剪切進(jìn)行了攔截,并阻止了它的默認(rèn)行為,然后我們?cè)谡迟N的時(shí)候,文字也改變成我們?cè)O(shè)置的了。

          1. 通過媒體查詢控制打印

          雖然我們可以通過上面的幾種方法禁止在頁面上復(fù)制,但是用戶也可能開啟打印預(yù)覽模式,在這種情況下,也是可以進(jìn)行復(fù)制的,我們要想對(duì)打印頁面進(jìn)行一些控制,那么就要用到媒體查詢,先看下打印的樣子:

          效果

          雖然我們做了限制,但是在打印頁面沒有生效,現(xiàn)在我們針對(duì)這個(gè)場(chǎng)景更改一下代碼:

          @media print {
            html {
              display: none;
            }
          }

          通過添加上面這個(gè)樣式規(guī)則,我們能夠使頁面在打印的時(shí)候,內(nèi)容隱藏起來,這樣就無法進(jìn)行復(fù)制了:

          效果

          能夠看到,點(diǎn)擊打印的時(shí)候,預(yù)覽頁面一片空白,,這樣就禁止了在打印頁面進(jìn)行復(fù)制的操作。當(dāng)然了,你其實(shí)也可以設(shè)置其他的樣式屬性來做些控制,但要記住寫在打印的媒體查詢里面,只有這樣才會(huì)在打印頁面生效。

          1. 通過偽元素覆蓋內(nèi)容

          還有一種方式就是,通過設(shè)定一個(gè)偽元素,讓它全面覆蓋文本內(nèi)容,這樣鼠標(biāo)就不能選到實(shí)際的文本,改造一下代碼:

          .content {
            position: relative;
          }
          .content::before {
            content: '';
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
          }
          <pre id="content" class="content">
            海客談瀛洲,煙濤微茫信難求,
          
            越人語天姥,云霞明滅或可睹。
          
            天姥連天向天橫,勢(shì)拔五岳掩赤城。
          
            天臺(tái)四萬八千丈,對(duì)此欲倒東南傾。
          
            我欲因之夢(mèng)吳越,一夜飛度鏡湖月。
          
            湖月照我影,送我至剡溪。
          </pre>

          現(xiàn)在就不能在元素上面選中文字了,不過用戶也可能還有一些操作,比如在內(nèi)容區(qū)域外面ctrl+a全選,或者在外面拖動(dòng)鼠標(biāo)來全選,如果是這種情形,那么我們可以通過監(jiān)聽鍵盤和鼠標(biāo)事件來禁止全選等操作。

          1. 通過監(jiān)聽鼠標(biāo)和鍵盤事件

          由于用戶有很多種操作的方式,鍵盤全選、鼠標(biāo)全選、鍵盤右鍵、鼠標(biāo)右鍵等等,我們?nèi)绻F舉的話,情況太多了,因此我們只監(jiān)聽鼠標(biāo)按下和抬起事件,以及鍵盤的按下事件:

          document.removeEventListener("mousedown", haveSelect)
          document.addEventListener("mousedown", haveSelect)
          document.removeEventListener("mouseup", haveSelect)
          document.addEventListener("mouseup", haveSelect)
          document.removeEventListener("keydown", haveSelect)
          document.addEventListener("keydown", haveSelect)
          function haveSelect() {
            window.getSelection().removeAllRanges()
          }

          主要就是在removeAllRanges方法上面,能夠在觸發(fā)上面事件的時(shí)候,將所選區(qū)域清空,也就是不管你選沒選,咋選的,反正就是你只要進(jìn)行了操作,那我就那可能選擇的區(qū)域給你清空,這樣你就啥也干不了了。

          效果

          好,這樣就可以啦,無論怎么選,即使出現(xiàn)了選區(qū),但是只要你再按了鼠標(biāo)或者鍵盤,那么選區(qū)就會(huì)直接消失,就能達(dá)到不能復(fù)制的效果,因?yàn)槟惆l(fā)現(xiàn)啥都做不了。

          這里額外說明一下,對(duì)于事件的監(jiān)聽,一定要用addEventListener來實(shí)現(xiàn),因?yàn)樗鼤?huì)將多個(gè)綁定的事件都添加上去,當(dāng)觸發(fā)的時(shí)候就會(huì)按照綁定的順序進(jìn)行執(zhí)行,如果是用賦值的方式,那么后面的會(huì)覆蓋前面的,而且賦值的方式很容易被篡改,可以很輕松的讓你的綁定函數(shù)不能執(zhí)行從而失效,而使用addEventListener就不會(huì)被人為覆蓋,只能通過綁定的函數(shù)句柄來手動(dòng)移除,也就是說要移除的時(shí)候,必須使用跟綁定時(shí)使用同一個(gè)函數(shù)才行。

          通過CSS的方式禁止復(fù)制,可以很容易的被用戶解除,只能是設(shè)置的稍微復(fù)雜一點(diǎn),增加難度。而通過JS的方式禁止復(fù)制,也可以通過禁用頁面JavaScript代碼來解除,因此我們可以將內(nèi)容通過js來渲染,這樣如果頁面禁用了js,那么內(nèi)容也不會(huì)渲染。

          禁止調(diào)試

          對(duì)于禁止調(diào)試,主要是指用戶打開控制臺(tái),控制臺(tái)也就是開發(fā)者工具,我為了方便稱之為控制臺(tái),想要對(duì)頁面進(jìn)行調(diào)試時(shí),我們做一些處理,阻止這種行為,最大可能的攔截通過控制臺(tái)對(duì)系統(tǒng)的調(diào)試。
          主要的方法有幾種,由于打開控制臺(tái)是瀏覽器提供的調(diào)試功能,因此我們沒法攔截打開操作,即使通過事件監(jiān)聽不允許快捷鍵這樣做,但是也可以通過其他方式進(jìn)行打開,因此我們的主要關(guān)注點(diǎn)就在于打開控制臺(tái)之后,我們能做哪些事情來限制用戶行為。

          1. 禁用快捷鍵

          打開控制臺(tái)的快捷鍵主要有F12和ctrl+shift+i,我們先把這倆給禁用了:

          document.removeEventListener("keydown", disableDevShortcut)
          document.addEventListener("keydown", disableDevShortcut)
          function disableDevShortcut(e) {
            console.log(e)
            if(e.keyCode === 123) {
              e.preventDefault()
            }else if(e.keyCode === 73 && e.ctrlKey && e.shiftKey) {
              e.preventDefault()
            }
          }

          這樣在使用這兩個(gè)快捷鍵的時(shí)候,頁面沒有任何反應(yīng),控制臺(tái)也不會(huì)喚起,因?yàn)槲覀冏柚沽怂鼈兊哪J(rèn)行為。

          1. 禁用右鍵的檢查功能

          除了通過快捷鍵,還可以使用右鍵的方式,并點(diǎn)擊檢查也會(huì)調(diào)出控制臺(tái)。

          效果

          這種情景,我們可以通過禁止在頁面上使用右鍵的方式,來阻止打開控制臺(tái):

          document.removeEventListener("contextmenu", cancelContextmenu)
          document.addEventListener("contextmenu", cancelContextmenu)
          function cancelContextmenu(e) {
            e.preventDefault()
          }

          現(xiàn)在就不能通過右鍵打開控制臺(tái)了,但是相應(yīng)的整個(gè)右鍵功能也都不能使用了。

          1. 設(shè)置無限斷點(diǎn)

          如果用戶最終打開了控制臺(tái),比如通過在瀏覽器的更多功能中來打開的話,那么我就需要采取其他的措施,其中之一就是給代碼設(shè)置無限斷點(diǎn),因?yàn)閿帱c(diǎn)只在控制臺(tái)打開的時(shí)候才會(huì)發(fā)生作用,從而不必?fù)?dān)心非調(diào)試模式下的程序正常運(yùn)行。

          無限斷點(diǎn)的主要思路就是利用定時(shí)器等手段,頻繁的觸發(fā)斷點(diǎn)效果,使得不能輕松的調(diào)試程序,先看下代碼:

          ;(() => {
            function breakDebugger() {
              if(new checkDebugger().check) {
                breakDebugger()
              }
            }
            function checkDebugger() {
              const now = new Date();
              eval('(function () {debugger;false;})()')
              const dur = Date.now() - now
              if(dur < 5) {
                return {check: false}
              }else {
                return {check: true}
              }
            }
            setInterval(() => {
              eval('(function () {debugger;true;})()')
              breakDebugger()
            }, 500)
          })()

          我們利用一個(gè)立即執(zhí)行的自執(zhí)行函數(shù),來使我們的代碼被封裝在一個(gè)固定塊內(nèi),不與其他部分有任何影響。

          這里主要做了兩步:

          第一步設(shè)置一個(gè)重復(fù)執(zhí)行的定時(shí)器,其中包括了一個(gè)斷點(diǎn)和一個(gè)函數(shù)調(diào)用。

          第二步通過函數(shù)來遞歸調(diào)用斷點(diǎn),主要使用了實(shí)例化對(duì)象的方式和時(shí)間差的判斷。

          這樣做的主要作用就是在設(shè)置無限斷點(diǎn)的同時(shí),也能夠讓每次的斷點(diǎn)都是被重新生成的,看下效果,一目了然:

          效果

          發(fā)現(xiàn)沒有,我們通過這種方式,只要打開了控制臺(tái),那么就會(huì)進(jìn)入到無限斷點(diǎn)的循環(huán)中,使得不能做任何其他事情,而且每個(gè)斷點(diǎn)的生成都會(huì)開辟一個(gè)新的虛擬運(yùn)行環(huán)境,這種情況下,只有關(guān)閉控制臺(tái),才能結(jié)束斷點(diǎn)。

          即使使用右鍵選擇Never parse here,也毫無作用,雖然可以通過Deactive breakpoints按鈕來徹底禁用斷點(diǎn),就是下面這個(gè)按鈕:

          按鈕

          但是,如果這樣做的話,那么用戶也就同時(shí)失去了調(diào)試其他代碼的能力。

          況且,我們接下來還會(huì)介紹其他的控制手段,可以配合著使用。

          1. 監(jiān)測(cè)控制臺(tái)開啟

          我們?nèi)绻苡幸环N手段,可以知道用戶開啟了控制臺(tái),換句話說只要控制臺(tái)被打開,就通知我們或者被我們監(jiān)測(cè)到,那么我們就可以執(zhí)行一些控制手段,這種效果肯定是很理想的,遺憾的是還沒有這種api暴露給我們?nèi)プ屛覀兡軌蜻@樣做。

          不過我們可以通過其他的方式,利用既有的一些能力來實(shí)現(xiàn)這一點(diǎn),這里我還是使用循環(huán)定時(shí)器,來不斷的去嗅探用戶是否開啟了控制臺(tái),直接看代碼:

          ;(() => {
            setInterval(function() {
              let foo = document.createElement('a')
              let a1 = +new Date()
              console.table(foo)
              let a2 = +new Date()
              if(a2 - a1 > 1) {
                location.href = 'about:blank'
              }
              console.clear()
            }, 500)
          })()

          同樣,通過一個(gè)自執(zhí)行函數(shù),我們開啟了一個(gè)循環(huán)定時(shí)器,然后在回調(diào)方法里面,我們就去實(shí)現(xiàn)上面的目標(biāo),也是分為了兩步:

          第一步創(chuàng)建一個(gè)a元素,然后通過表格的形式將它打印出來,并記錄下消耗的時(shí)間。

          第二步判斷耗時(shí)的長(zhǎng)短來控制是否跳轉(zhuǎn)到空白頁,然后清空控制臺(tái)。

          這種方式主要是利用了console.table的特性,它會(huì)將元素以表格的形式輸出到控制臺(tái),大概就像下面的樣子:

          效果

          由于太多了,我就沒有全部截下來,如果沒有打開控制臺(tái)的話,使用console.table輸出我們創(chuàng)建的a標(biāo)簽是很快的,有多快呢,就是js執(zhí)行一條語句的速度,所以打印a1和a2的時(shí)間間隔非常短,幾乎為0,因?yàn)樗麄兛斓讲畈欢嗍峭瑫r(shí)執(zhí)行的,給大家打印看一下:

          效果

          我們先不打開控制臺(tái),等輸出完畢再打開,很清楚的發(fā)現(xiàn),我們沒打開控制臺(tái)的時(shí)候,輸出的a就是它標(biāo)簽,而且時(shí)間間隔是0毫秒。

          現(xiàn)在我們打開控制臺(tái)的時(shí)候刷新一下頁面,看看控制臺(tái)的輸出:

          效果

          這次就變成了以table的形式輸出a元素,而且它的耗時(shí)明顯增多,不再是0毫秒,而是耗費(fèi)了10毫秒,雖然打開控制臺(tái)的時(shí)候多次刷新頁面,每次輸出的毫秒數(shù)是不同的,但是跟關(guān)閉控制臺(tái)的時(shí)候輸出的耗時(shí)差距非常明顯,因此我們就可以在這個(gè)上面做文章。

          我在上面的代碼中假定了,只要是大于1毫秒的耗時(shí),那就表示用戶打開了控制臺(tái),然后我們就把頁面給跳轉(zhuǎn)到空白頁,當(dāng)然了你也可以做一些任何你想做的操作,比如彈出一個(gè)提示,或者把body內(nèi)容置空等等等等。

          回到我們上面的代碼,看一下它實(shí)際發(fā)生的作用和帶給我們的效果:

          效果

          哈哈,古德古德,平時(shí)瀏覽一切正常,只要?jiǎng)傄淮蜷_控制臺(tái),瞬間頁面就被跳轉(zhuǎn)走了,什么都干不了。這樣我們就通過這種方式,達(dá)到了限制打開控制臺(tái)的目的,也就是在當(dāng)前頁沒法調(diào)試,一打開就跳轉(zhuǎn)。

          這種辦法由于是繞路實(shí)現(xiàn)的,那么你可能會(huì)有疑問,它穩(wěn)定嗎?會(huì)不會(huì)誤判,我可以對(duì)它絕對(duì)放心嗎?

          理論上來說,通過輸出的執(zhí)行時(shí)間是不太能精確掌握的,但是我們可以再做一些其他的措施來逼近真相:

          ;(() => {
            setInterval(function() {
              let foo = document.createElement('a')
              let a1 = +new Date()
              console.table(foo)
              let a2 = +new Date()
              if(a2 - a1 > 1) {
                let time = 0
                for(let i = 0; i < 10; i++) {
                  let a1 = +new Date()
                  console.table(foo)
                  let a2 = +new Date()
                  time += a2 - a1
                }
                if(time > 20) {
                  location.href = 'about:blank'
                }
              }
              console.clear()
            }, 500)
          })()

          我又改造了一下判斷的邏輯,當(dāng)發(fā)現(xiàn)輸出耗時(shí)為2毫秒甚至更多的時(shí)候,我立馬再進(jìn)行一次真?zhèn)闻袛啵簿褪钦f,萬一由于其他的影響,導(dǎo)致我第7行的代碼誤判了,那么我再同步執(zhí)行一個(gè)循環(huán),連續(xù)輸出10次,把他們的耗時(shí)總和計(jì)算出來,然后判斷是否大于20毫秒,如果還是耗時(shí)過高的話,那么就可以非常肯定的知道用戶是打開了控制臺(tái),這個(gè)時(shí)候就可以放心的做一些處理了。

          最后

          其實(shí)限制用戶行為的方法有很多很多,上面列出了一些主要的,多種方法還是要結(jié)合著使用。你也可以自由發(fā)揮,多使用一些其他的手段,也會(huì)增加用戶復(fù)制或者調(diào)試的難度,比如防止用戶重寫console的方法,或者清除所有定時(shí)器等。

          甚至也可以將你的內(nèi)容繪制到canvas上面來防止復(fù)制,多加一些js的處理工作,防止禁用js的時(shí)候,我們的代碼不生效,只有在js可用的時(shí)候再去渲染內(nèi)容等。也可以在綜合考慮的情況下加上代碼混淆、代碼加密等措施。

          話說回來,大家都是同路人,何必相互為難,哈哈哈,不過提這個(gè)需求的人也著實(shí)會(huì)為難我們,既然提了那就盡力去做,能做到什么程度,只能說是盡量做到極致。

          希望上面的內(nèi)容能夠幫助到你,也希望能夠?qū)δ阌兴鶈l(fā)。

          謝謝

          、CSS方法

          .disabled { pointer-events: none; }

          二、jQuery方法

          方法一

          $(this).click(function (event) {
              event.preventDefault();
          }

          方法二

          $('a').live('click', function(event) {
              alert("抱歉,已停用!");
              event.preventDefault();
          });

          注:此方法中的live亦可以為on, bind等方法

          方法三

          $('.disableCss').removeAttr('onclick'); //去掉標(biāo)簽中的onclick事件

          通過removeAttr方法來控制html標(biāo)簽的屬性已達(dá)到啟用或禁用事件。另, 使用這種方式也可以控制其他事件或其他效果。

          方法四

          $('#button').attr('disabled',"true");//添加disabled屬性
          $('#button').removeAttr("disabled"); //移除disabled屬性

          注:和方法三是一樣的, 不過disabled屬性一般用在類型為button或submit的input上

          # 網(wǎng)頁文本禁止復(fù)制粘貼?一分鐘學(xué)會(huì)8種方法輕松突破限制

          段子手168


          方法一:代碼破解法

          打開你需要復(fù)制內(nèi)容的網(wǎng)頁,在瀏覽器地址欄輸入“javascript:void($={});”這串代碼,

          然后按下回車鍵,這時(shí)候就允許你復(fù)制文本了。

          方法 二:打印網(wǎng)頁法

          我們還可以利用打印網(wǎng)頁的時(shí)候,在預(yù)覽頁面將文本復(fù)制下來。按下快捷鍵【Ctrl+P】,

          將會(huì)進(jìn)入打印界面,直接在右側(cè)的預(yù)覽界面,選中文本進(jìn)行復(fù)制。

          方法三:后臺(tái)控制端

          打開網(wǎng)頁后,按下功能鍵【F12】,進(jìn)入網(wǎng)頁后臺(tái)找到【Console】,

          在下面輸入這串符號(hào)“$=0”,再2按下回車鍵,

          網(wǎng)頁文字就能自由復(fù)制了。

          方法四:查看源代碼

          你還可以在網(wǎng)頁空白處,右擊選擇【查看頁面源代碼】,然后一直向下滑動(dòng),找到密密麻麻的文本,

          選中直接復(fù)制提取出來。

          方法五:保存本地網(wǎng)頁

          打開網(wǎng)頁鼠標(biāo)右擊,選擇【網(wǎng)頁另存為】,然后在彈出的窗口中,

          將保存類型改為【網(wǎng)頁,僅HTML】,接著點(diǎn)擊【保存】。

          關(guān)閉當(dāng)前網(wǎng)頁,回到桌面找到剛剛保存的本地網(wǎng)頁文件,雙擊打開后,就可以隨意復(fù)制啦。

          方法六:截圖識(shí)別文字

          此外,我們還可以利用OCR文字識(shí)別技術(shù),將網(wǎng)頁文字識(shí)別出來。

          需要借助掌上識(shí)別王工具,找到【文字識(shí)別】-【快速截圖識(shí)別】功能。

          方法七:

          網(wǎng)址最前面加上 read: (用 Microsoft Edge 瀏覽器打開)

          方法八:

          1)按 F12 打開調(diào)試框,點(diǎn)擊右上角【設(shè)置】。

          2)往下拉,找到 【Debugger】

          3)勾選 【Disable JavaScript】

          4)返回頁面,按 F5 刷新一下頁面,這樣網(wǎng)頁文字就可以復(fù)制了。


          主站蜘蛛池模板: 久久福利一区二区| 亚洲国产高清在线一区二区三区| 亚洲福利视频一区| 日韩人妻无码一区二区三区| 91在线视频一区| 国产在线无码视频一区二区三区| 福利一区二区三区视频午夜观看| 国模私拍一区二区三区| 成人H动漫精品一区二区| 无码国产精品一区二区免费16| 麻豆一区二区免费播放网站| 末成年女AV片一区二区| 国产自产V一区二区三区C| 精品国产一区二区三区2021| 国产精品av一区二区三区不卡蜜 | 蜜芽亚洲av无码一区二区三区| 国产乱码伦精品一区二区三区麻豆 | 亚洲无人区一区二区三区| 精品一区二区久久久久久久网精| 蜜臀AV免费一区二区三区| 国产福利精品一区二区| 亚洲国产国产综合一区首页| 国产成人精品一区二区秒拍| 亚州AV综合色区无码一区 | 成人精品一区二区三区电影| 午夜福利一区二区三区在线观看| 精品一区二区三区3d动漫| 亚欧免费视频一区二区三区| 亲子乱av一区二区三区| 日韩一区二区三区免费播放| 久久se精品动漫一区二区三区| 国产精品一区不卡| 中文字幕无线码一区2020青青| 国产精品毛片一区二区三区 | 久久se精品一区精品二区| 多人伦精品一区二区三区视频| 精品一区二区三区免费毛片爱| 国产色情一区二区三区在线播放| 久久久久人妻一区精品| 国产精品 一区 在线| 无码人妻精品一区二区蜜桃百度 |