一鍵即可復制網頁上的文字，媽媽再也不用擔心我查找資料了

常在網上查找資料的時候，總是會有一些文檔無法下載、甚至有時連復制都不行。這可怎么辦？別急，今天我們就來介紹一些網頁復制的方法，幫助大家更好的收集資料。

一、網頁內容復制

1、保存為網頁格式

網頁上的文件，在無法復制的情況下，我們可以將其保存下來。再進行復制操作。右鍵選擇“網頁另存為”，將其保存成網頁格式。接著，打開保存好的“html”格式文件，將可以隨意進行文本復制了。

2、拖拽到Word文檔中

對于無法復制的文本，我們還可以直接將選中內容后，將其直接拖拽到Word文檔中。但是此方法有一個弊端，就是文本需要手動進行格式修改。所以，如果想要復制的內容很多，可直接采用上一種方法。

二、網頁PPT內容復制

除了網頁上的文字外，有時候，當查找的內容是PPT文檔時，連鼠標都沒有，這時又該怎么處理呢？

1、查找百度快照

我們可以通過查找“百度快照”來復制PPT文字內容。將PPT名稱輸入百度搜索框中，查找“百度快照”，可以獲取其文字版的TXT格式文件。

2、圖片掃描

我們也可以將PPT內容截取成圖片，然后借助捷速OCR文字識別軟件，通過圖片掃描的方法來獲取文字內容。

方法也很簡單，打開軟件后，選擇“單張快速識別”，如果圖片有很多的話，還可以選擇“批量識別”，一次性導入多張圖片進行識別。

識別后，我們可在右側查看到識別的效果，并選擇將其保存為Word格式或TXT格式。

好了，以上就是今天介紹的網頁文字復制方法了，如果你還有更加方便的方法，歡迎在評論區留言補充。

上的資源真的多，所以許多人常常會從網上找資料。

我們看到感興趣的內容，第一時間可能會想要收入囊中。比如說截個圖啊，或者挑選有意思的句子復制粘貼，記錄下來。

可是，有些時候，卻會遇到這樣的情況：

1、內容不允許復制

2、復制內容強制登錄賬號

3、復制有限制長度

你說放棄吧，不太甘心，“辛辛苦苦”才找到的；手打錄入吧，又太懶。

所以，本期內容，小編將會分享3種方法，教你如何繞開以上這些“禁止復制”的限制。

操作很簡單，不用借助任何工具，你就能輕松任意免費復制網頁內容~

方法一：網頁本地保存

把網頁保存下來，然后再復制就可以了。具體操作如下：

1、右鍵單擊禁止復制的網頁，“另存網頁為”或者按快捷鍵【ctrl+s】，將保存類型設置為“網頁，僅HTML”，點擊保存。

2、雙擊打開你剛剛保存好的網頁文件，就可以對里面的內容進行復制了。

或者，你也可以將部分網頁直接另存為“文本文件”txt，保存好直接打開就可以看到網頁內容，試試復制看看吧！

方法二：網頁打印預覽

這種方法適合WebKit內核瀏覽器，不用擔心，因為國產多數雙核瀏覽器都是這個~

1、右鍵點擊網頁，選擇“打印”。

誒，現在不就可以復制內容了嗎？

這就是通過“打印網頁”的方式來復制想要的內容。不需要有打印機，也不是將網頁真的打印出來，而是在打印預覽中，就可以復制啦。

方法三：網頁代碼查找

網頁代碼查找？聽起來很厲害的樣子，其實不需要懂代碼，因為接下來的操作是沒有任何技術含量的~

1、這種方法主要是針對無法點擊網頁的情況，直接按下【F12】按鍵，默認情況下頁面右側會彈出網頁源代碼。

2、雖然代碼密密麻麻，但是不用擔心。再按下快捷鍵【ctrl+f】，在這個方框中，你可以查找網頁中的內容，例如輸入關鍵詞回車，這樣就可以快速定位到它。

3、最后，就是手動選擇內容，進行復制就可以啦~

比起手打錄入，這3種方法也太簡單的吧！覺得有用的話，請低調收藏~

那么今天的分享就到此了，咱們下一期見！

明：文章內容僅用于學習交流，切勿不當使用。

上網的時候經常會遇到網頁禁止復制文本或者禁止文檔下載的情況。今天結合案例分析下實現這些限制的手法和解除辦法。

1、文檔復制

首先創建一個demo.html的文檔，文檔內容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DEMO</title>
    <style>
        body {background-color: aqua;}
    </style>
</head>
<body>
    <div class="content">測試文本測試文本測試文本</div>
    <script>
        let htmlEle = document.documentElement;
        let bodyEle = document.querySelector('body');
        htmlEle.addEventListener('selectstart', (e) => {
            e.preventDefault();
        });
        bodyEle.addEventListener('copy', (e) => {
            e.preventDefault();
        });
        bodyEle.addEventListener('selectstart', (e) => {
            e.preventDefault();
        });
        bodyEle.addEventListener('contextmenu', (e) => {
            e.preventDefault();
        });
    </script>
</body>
</html>

打開文檔可以發現，頁面文本是無法選擇并復制的。因為如代碼所示，頁面元素被綁定了幾個事件（選擇、拷貝、右鍵菜單），阻止了用戶對文本的復制企圖。

怎么辦呢？

打開瀏覽器的開發者工具，切換到Elements標簽下，選擇文本元素，這時可以在下方的“事件監聽器”中查看到目標元素及其祖先元素上綁定的事件。展開這些相關的事件，可以看到“移除”按鈕，接下來只需點擊按鈕將這些限制事件移除便可以復制了。

上述辦法是在事件綁定后，再將它們移除。此外，也可以通過抓包改包的方式移除綁定事件相關的代碼，從源頭阻止事件的綁定。這需要抓包工具的輔助，這里用到的是Fiddler。

假設網頁部署在本地服務器上，首先，打開Fiddler，在右側切換到“自動轉發”面板（帶閃電圖標的），勾選圖中兩個選項；然后添加規則，填上要更改的請求地址以及要替換的本地文件（假設為demo1文件，內容如下），填好后保存。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DEMO</title>
    <style>
        body {background-color: #dedede;}
    </style>
</head>
<body>
    <div class="content">測試文本測試文本測試文本</div>
</body>
</html>

設置好以后再次刷新網頁，會發現頁面的背景色發生了變化，而且文本也可以直接復制了。

2、文檔下載

此處以網上的一個文檔為例，文檔可以在線查看，但是無法直接下載。通過開發者工具選中文檔，可以看到它對應了一個img標簽（以前是canvas），我們可以將圖片保存到本地，但是如果頁面比較多，手動操作就很麻煩，所以可以用代碼幫我們自動執行，將圖片合并成pdf文件并下載到本地。

以下代碼可做參考：

function loadScript (url) {
  let ele = document.createElement('script')
  ele.src = url
  document.body.appendChild(ele)
}
function img2dataUrl (options) {
  let result = ''
  let img = options.img || ''
  let width = options.width || img.naturalWidth || img.clientWidth
  let height = options.height || img.naturalHeight || img.clientHeight
  let quality = options.quality || 100
  let mimeType = options.mimeType || 'image/png'
  let canvas = document.createElement('canvas')
  canvas.width = width
  canvas.height = height
  let ctx = canvas.getContext('2d')
  ctx.drawImage(img, 0, 0, img.naturalWidth, img.naturalHeight, 0, 0, width, height)
  result = canvas.toDataURL(mimeType, quality / 100)
  return result
}

loadScript('https://cdn.bootcdn.net/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js')

function img2pdf () {
  let imgArr = [...document.querySelectorAll('.reader_inner img')]
  if (imgArr.length === 0) return
  let doc = new jspdf.jsPDF({unit:'px'});
  imgArr.forEach((v,i) => {
    v.setAttribute("crossOrigin",'anonymous');
    let pxPermm = v.width / 210 / 2.2;
    let imgData = img2dataUrl({img:v}).slice('data:image/png;base64,'.length);
    (i > 0) && doc.addPage();
    doc.addImage(imgData, 'png', 0, 0, v.width / pxPermm, v.height / pxPermm);
  })
  doc.save('img2pdf.pdf');
}

將代碼放到控制臺或者代碼段中執行，執行后，再在控制臺調用 img2pdf() 方法即可將可瀏覽的頁面合并成PDF下載到本地。

在線咨詢

上一篇：關于 HTML5 你需要了解的基礎知識
下一篇：分享幾個我日常使用的VS Code插件

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商