最近我在寫一個網站，需要將用戶訪問過的頁面的源代碼保存到本地以供后續分析。經過一番搜索，我發現可以使用javascript來實現此功能。

首先，我們需要定義一個函數來獲取頁面的源代碼。這可以通過使用Javascript的document.documentElement.innerHTML方法來實現：

function getPageSource() {
return document.documentElement.innerHTML;
}

一旦我們有了頁面的源代碼，我們需要將其保存到本地。這可以通過使用HTML5的File API中的Blob和FileSaver庫來實現。

首先，我們需要將我們的文本源代碼轉換為Blob對象：

function savePageSource() {
var source = getPageSource();
var blob = new Blob([source], {type: "text/plain;charset=utf-8"});
}

現在，我們已經有了一個名為blob的Blob對象。接下來，我們需要將其保存到本地文件。

在這里，我們可以使用FileSaver庫來實現。這是一個非常簡單的庫，只需要一個函數調用即可將Blob對象保存到本地文件中。首先，需要導入這個庫：

<script src="https://cdn.jsdelivr.net/npm/file-saver@2/dist/FileSaver.min.js"></script>

導入完畢后，我們可以使用它的saveAs函數將Blob對象保存到本地文件：

function savePageSource() {
var source = getPageSource();
var blob = new Blob([source], {type: "text/plain;charset=utf-8"});
saveAs(blob, "source.html");
}

這里，我們將Blob保存到文件名為source.html的文件中。當我們調用這個函數時，一個名為source.html的文件將保存在用戶的本地文件系統中。

這就是保存頁面源代碼的完整過程。當用戶訪問網頁時，我們可以使用這些代碼來捕獲和保存他們訪問過的頁面。這可以用于分析用戶的行為及優化網站性能等方面。