們常會遇到一些網頁內容無法復制，但是有沒有什么好的解決辦法，今天咻半仙就帶著大家一起總結下當遇到網頁內容無法復制的時候，怎么解決。當然這里的探討先不說百度文庫這類。

網頁內容無法復制常表現為無法右鍵和禁止復制兩種，我們都可以把它看成無法右鍵的情況來統一解決，我們常常要復制的內容包括圖片和文字，那么我們就分類來說怎么解決。

利用三方瀏覽器的快捷鍵一鍵保存圖片

我們常用的360瀏覽器、QQ瀏覽器、搜狗瀏覽器、UC瀏覽器等，都是帶有一鍵保存網頁圖片的功能的，比如360極速瀏覽器的快捷鍵就是Alt+鼠標左鍵，就可以彈出一鍵保存圖片界面，這樣就可以輕松保存網頁內的圖片了。通常首次使用這個功能，都會讓你設置默認保存位置，設置完以后保存就是自動存了。

利用瀏覽器的開發這功能查找元素保存圖片或者文字

一般瀏覽器的開發者模式就是按下F12鍵，進入后點擊最左側的鼠標箭頭鍵，然后找到網頁內的圖片或者內容，你就會發現下放代碼處就是對應的內容了，這時候把內容復制下來然后加以整理，就可以輕松保存圖片或者網頁內容

開發這功能查看網頁元素

利用“查看源代碼”功能找到圖片及內容

瀏覽器的查看源代碼的快捷鍵是Ctrl+U，通過查看源代碼，我們可以輕松找到網頁圖片路徑及網頁文字內容，這時只需要復制即可。

使用快捷鍵Ctrl+U查看網頁源碼

保存網頁內容到本地

不知道有沒有同學注意到，我們在瀏覽器中選擇保存當前網頁，選擇全部內容時，保存后的網頁分為一個html文件和一個相同名稱的文件夾，保存完的html文件中就是網頁的文字內容，我們用文本編輯器打開就可以復制內容，對應的文件夾內就是當前網頁所有的圖片，想要哪個就拿哪個咯。

保存網頁全部文件到本地

剩下的就是利用其他的工具了，比如整站下載器、抓包工具等等

其實瀏覽器本身的功能就是十分強大的，我們也可以直接使用Chromium瀏覽器自帶的抓包功能定位網頁中的每一個文件的路徑，用起來也是十分方便，不過個人覺得以上方法足夠使用，如果你有更好的方法，可以在下面留言。

以上就是給大家帶來的網頁小技巧，如果覺得好，可以收藏轉發關注我。

前端項目開發的時候，系統支持文件下載是前端開發中常用到的功能之一，當用戶訪問我們的網站時發現有自己需要的資源時可以將資源下載下來。文件下載主要有兩種形式，一種是通過文件地址下載，該文件可以存放在前端或者后端。另一種則是通過文件流下載，前端通過發送請求給后端并獲取后端文件流進行下載。

a標簽下載

download屬性：是HTML5中的a標簽的新特性，用來規定被下載的超鏈接目標。在a標簽中如果沒有申明download屬性的時a標簽的默會鏈接跳轉進行預覽（如txt , jpg , pdf ），當前瀏覽器不支持預覽的文件時則出現下載。當申明了download屬性之后瀏覽器會對href屬性鏈接的文件進行下載。download屬性與不支持H5的低版本瀏覽器不兼容且僅限于同源文件，如果是非同源download屬性會失效。比如引用第三方的網站內容、引用前后端分離的服務器內容、甚至本地測試引用的本地文件，download都會不起作用。如果你想測試該功能可以在本地開一個服務，將文件放同一服務中測試就可以了。

直接使用a標簽時只要在a標簽中添加download屬性，如果是非a標簽的話可以在出發事件的時候通過JavaScript來創建一個隱藏a標簽下載，當我們點擊時觸發隱藏的a標簽下載事件。這里使用appendChild和removeChild的處理是為了兼容Firefox瀏覽器。

XMLHttpRequest下載

需要了解XMLHttpRequest可以參考文章：JavaScript實戰001：XMLHttpRequest使用入門，這里我利用XMLHttpRequest對象來發送請求，用blob類型來接受后臺發過來的二進制類型文件。然后模擬a標簽創建隱藏的下載鏈接，通過URL.createObjectURL()方法創建一個指向blob對象的URL地址。

iframe下載

iframe是HTML標簽元素，可以用來創建內聯框架。iframe提供了src屬性用來規定在 iframe 中顯示的文檔的 URL，我們可以直接將文件地址拋給iframe，也可以賦值文件流地址給iframe。功能實現跟a標簽有點相似，創建一個隱藏的iframe標簽來實現文件的下載功能。使用文件地址下載需要注意的是瀏覽器支持預覽的文件類型無法下載（比如圖片、PDF文檔、text文本等會直接打開文件預覽），文件流下載只需將請求接口賦給src屬性，iframe會自動去請求該文件實現下載。

window.open下載

window.open()方法用于打開一個新的瀏覽器窗口或查找一個已命名的窗口，也可以用它來實現文件下載功能。而且這個比iframe更簡單，直接將文件地址或者請求接口賦給window.open(url)方法即可實現文件下載功能。但是有個缺點就是每次下載都會打開一個新的窗口來實現下載（想不跳轉可以嘗試window.location.assign()方法，用于加載一個新的文檔），而且如果使用文件地址下載的是瀏覽器支持預覽的文件類型無法下載（比如圖片、PDF文檔、text文本等會直接打開文件預覽）。

form表單提交下載

form表單是個比較常用的html表簽，用戶提交用戶信息，比如常見的登錄、注冊界面大部分都是通過form表單進行數據提交的。form表單所有要提交的數據都必須放在form標簽中，method屬性定義提交的方法（有get和post兩種提交方法），action屬性定義請求的地址。form標簽中支持input、menus、textarea、fieldset、legend 和 label 等元素，通過submit向服務器提交數據。這里我創建了form表單和input框，input用于輸入請求的參數，form用于提交數據請求。

Django后臺接口

這里提供下Django的后臺文件請求接口，以上文件請求都是基于該接口實現的。接收請求方法為GET，請求參數為id（數據庫存儲的文件id），采用FileResponse方式返回的文件流信息（具體實現功能可以參考文章：Django實戰013：各種文件下載功能實現詳解）。

總結：

下載的方式方法有很多，以上只是JavaScript中常見的幾種下載方式。其實用ajax或者axios也可以實現下載，但是萬變不離其中，會JavaScript下載害怕不會別的么。以上下載方式個人覺得還是iframe比較簡單方便，請求最好還是通過文件流來實現，相對文件地址下載會更安全些。

更多前端技巧可以參考專欄：Vue實戰技巧

內容來源于@什么值得買APP，觀點僅代表作者本人 ｜作者：突突兔too禿

老婆做進出口的，前一段發了一個知識貼給我，以為是要打印，搞了半天是因為網頁不讓復制，所以分享給我。

這可笑壞我了，還有什么方法能突破“禁止復制”禁術，當然唯我漩渦鳴人的影分身之術了。看我如何活學活用，復制粘貼。

途徑一：自抱自泣

方法1：發送給自己

實際上，我覺得老婆大人的方法是最實際的了。這絕不僅僅是出于對老婆大人的尊重，而是實事求是。不讓復制就不復制唄。我也就平時存起來備查。當然，如果實在找不到人分享，那就分享給“文件傳輸助手”吧。

有一種孤獨叫智能發給穿書助手

同樣的寂寞（劃掉）方法，我們也可以通過QQ把地址分享給“我的Android手機”。

方法1.2：收藏備查

比方法1稍微高級一點的是，將有關內容在微信中打開后，選擇“收藏”，這樣以后就可以直接在我的“收藏”中找到了。

當然，以上方法還只是迂回作戰，說白了禁術還在，只是找了個方法替代。真的如果需要復制的時候就白瞎了。

途徑二：生拉硬拽

方法2：直接拖拽到聊天框。

使用Chrome瀏覽器或者360瀏覽器，然后直接選擇部分文字，鼠標按住左鍵，就可以把文字拖拽到QQ對話框了。

step1

step2

方法3:360瀏覽器右鍵復制。

同樣是在360瀏覽器上面，鼠標選擇要復制的文字，然后右擊鼠標，選擇保存為文本。

step1

再選擇一個文件夾保存。

step2

打開指定文件夾中的TXT文檔，就能得到相應的文字了。

如果要評論這種生拉硬拽的方法，那就是霸氣。

當然，也有不足，每一次都要這么拖拽，鼠標手是跑不掉的了。而且并沒有辦法一次性全部選擇。

途徑三：圖文識別

方法4：QQ截圖文字識別。

step1：使用QQ對話框的截圖工具。

step2：然后右擊圖片，選擇提取圖中文字。

step3：點擊下載。

step4：就可以在指定文件夾中找到picture和result兩個文件。馬上就能下載了。

當然，這個和方法3一樣，不能全選，需要反復的復制粘貼。

方法5：使用傳圖識字小程序。

使用手機自帶功能進行滾動截屏后，再打開微信小程序“傳圖識字”，然后進行orc識字，就可以復制了。

step1：我的手機是華為的，使用指關節寫一個“S”，就可以滾動截屏。

step2：然后進入傳圖識字后，點擊“從相冊中選取”。

step3：點擊全選，然后復制，就可以在對話框中張貼了。

不過需要注意的是，過長的圖片也可能出現識別失敗。像這次，我就只選擇了一半。而orc識別最大的問題，還是準確性。只能安慰自己就當是檢查作業，外加復習了唄。

途徑4：曲徑通幽。

方法6：使用edge閱讀模式。

step1：使用手機edge，然后在網址中點擊閱讀模式；

step2：選擇“全選”-“復制”；

step3：再粘貼到備忘錄中。

同樣的方式，也可以在UC上使用。

方法7：直接使用夸克打開網頁。

比起edge和UC還要使用閱讀模式，夸克直接跳過了第一步。

難怪這款手機App會受到大家的喜歡。

途徑5：極客逍遙。

方法8：Chrome瀏覽器檢查選項。

在谷歌瀏覽器上打開網頁，點擊“F12”，又或者在網頁上點擊右鍵，選擇“檢查”。

然后再選擇“setting”或者直接按“F1”，然后找到debugger-disable Javascript，勾選，就可以復制粘貼了。

不過，記得用完取消勾選disable-Javascript，需要的時候才開啟。

總結一下，其實無非就是三種方法，一種是聽之任之，一種是使用其他工具進行orc識別，最后一種就是破壞網頁的規則。以上的方法大部分也是小白級別，還沒涉及到油猴腳本等等。但是貴在實用，平時有文案撰寫、論文寫作等需求的值友歡迎收藏，畢竟用的時候才能記得住。