前言

當我們購買了某個專欄的內容的時候，發現其中文章寫的很好，想儲存下來。該如何操作呢？接下來，看看我這個菜鳥的操作！

環境準備

• Chrome 瀏覽器
• 油猴指令碼管理器

油猴指令碼的簡單介紹

1. 專欄課中的url kaiwu.lagou.com/course/......
   

2. 新建指令碼檔案中的match欄位
   

油猴指令碼管理器根據 match欄位來匹配對應頁面的 url, 自動初始化指令碼。 在這裡是一個正則，*的意思是後面是任意的字元。

// @match        https://kaiwu.lagou.com/course/*

課程專欄的頁面分析

根據類選擇器拿到標籤內的文字 。

• 標題 .main-title

• 內容.main-wrap

核心API

const title = document.querySelector('.main-title').innerText
let content = document.querySelector('.main-wrap').innerText;

檔案下載簡單實現

    function downLoadFile(content,fileName) {
        const link = document.createElement("a");
      	// 設定檔案
        link.setAttribute('download', fileName);
        link.href = 'data:text/txt;charset=utf-8,\uFEFF'+ content
        document.body.appendChild(link);
        link.click();
        link.remove();
	}
 

全部程式碼

宣告

只用於學習交流；用於其他用途後果自負。

侵刪： [email protected]