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

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

一、網(wǎng)頁內(nèi)容復制

1、保存為網(wǎng)頁格式

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

2、拖拽到Word文檔中

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

二、網(wǎng)頁PPT內(nèi)容復制

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

1、查找百度快照

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

2、圖片掃描

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

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

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

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

上的資源真的多，所以許多人常常會從網(wǎng)上找資料。

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

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

1、內(nèi)容不允許復制

2、復制內(nèi)容強制登錄賬號

3、復制有限制長度

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

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

操作很簡單，不用借助任何工具，你就能輕松任意免費復制網(wǎng)頁內(nèi)容~

方法一：網(wǎng)頁本地保存

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

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

2、雙擊打開你剛剛保存好的網(wǎng)頁文件，就可以對里面的內(nèi)容進行復制了。

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

方法二：網(wǎng)頁打印預覽

這種方法適合WebKit內(nèi)核瀏覽器，不用擔心，因為國產(chǎn)多數(shù)雙核瀏覽器都是這個~

1、右鍵點擊網(wǎng)頁，選擇“打印”。

誒，現(xiàn)在不就可以復制內(nèi)容了嗎？

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

方法三：網(wǎng)頁代碼查找

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

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

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

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

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

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

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

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

1、文檔復制

首先創(chuàng)建一個demo.html的文檔，文檔內(nèi)容如下：

<!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>

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

怎么辦呢？

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

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

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

<!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>

設置好以后再次刷新網(wǎng)頁，會發(fā)現(xiàn)頁面的背景色發(fā)生了變化，而且文本也可以直接復制了。

2、文檔下載

此處以網(wǎng)上的一個文檔為例，文檔可以在線查看，但是無法直接下載。通過開發(fā)者工具選中文檔，可以看到它對應了一個img標簽（以前是canvas），我們可以將圖片保存到本地，但是如果頁面比較多，手動操作就很麻煩，所以可以用代碼幫我們自動執(zhí)行，將圖片合并成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');
}

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

在線咨詢

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

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務商