現在工作方向已經越來越傾向于項目產品運營相關的東西。對線上運營也有了一定程度的了解。

配合一些技術性的操作，能極大的便利工作中的各種高難度任務，快速提升自我，積累豐富的經驗和資源。

以近期制作LP為例，在沒有任何經驗的情況下，需要快速和設計溝通制作著陸頁，中間遇到了一些經驗上不足，于是到處找各種別人家的著陸頁研究別人的思路和做法，積累一些活動著陸頁，對工作是有比較大益處的。參考別人的東西越多，才能做出更厲害的東西出來，凡事盡量往極致上靠近。

于是花了一整天的時間，基于瀏覽器，制作了一個扒站工具，把看到的一些好一點的著陸頁全部down到本地，快速瀏覽和研究學習。

市面上已經有很多扒站的工具，包括最原始的teleport，后來的都客扒站工具、模板小偷、網頁小偷、網頁提取助手什么的?；旧隙际褂眠^，基本上都不能完整的把CSS、腳本、圖片有效下載回來，按我要的格式存放。

以我在新浪上發現的一個懶財網的著陸頁為例：

我想要的是這樣的結果。

著陸頁名稱為index.html，CSS，圖片和JS分別給我歸類存到指定的目錄，再到根目錄下面標記一個txt文檔，告訴我當時這個著陸頁我是哪個網址下載回來的。

最后做出來的程度的界面是這樣的

做的非常粗糙，只有一個分析并抓取和一個C#的WebBrowser可以用。

程序會自動下載相關的數據，并存到相關的目錄，生成需要的文件。

為什么不用普通的直接獲取源代碼的方式直接下載HTML呢。

1、是HTML里面解析相對路徑和絕對路徑非常 非常 非常麻煩，需要正則表達式一個個匹配，并替換成本地路徑。

2、是一些情況下，瀏覽器匹配出來的結果或許會更精確一點，實現上應該是更簡單的。

代碼流程：

1、瀏覽器載入著陸頁，等待載入完成。

2、遍歷所有節點

圖片，就下載，保存，并替換為本地路徑，腳本同樣，CSS同樣。最后處理著陸頁內嵌入的style格式的源碼。

最后，打開CSS文件，用正則匹配圖片連接并下載遠程圖片，替換CSS里面的圖片地址。

貼上解析CSS里面的圖片并下載到本地的代碼。其余都是比較簡單的。

        /// <summary>
        /// 解析CSS源碼里面的圖片，下載，并轉換為本地格式的鏈接
        /// </summary>
        /// <param name="content">CSS文件內容</param>
        /// <param name="cssUrl">CSS文件路徑，用于轉換為圖片絕對地址下載</param>
        /// <returns></returns>
        public string ParseImgInCSS(string content, string cssUrl = "")
        {
            Regex reg = new Regex(@"url\((.*?)\)", RegexOptions.IgnoreCase);

            content = reg.Replace(content, (match) =>
            {
                string imgUrl = match.Groups[1].Value;
                imgUrl = imgUrl.Replace("'", "").Replace("\"", "");//替換'和雙引號，因為URL匹配是可能帶引號的
                imgUrl = HtmlHelper.GetUrlRelative(cssUrl, imgUrl);//修復路徑為絕對地址
                if (!string.IsNullOrEmpty(imgUrl))
                {
                    //遠程圖片下載保存到本地
                    var localImage = Path.Combine("images", HtmlHelper.GetFileNameInUrl(imgUrl));
                    DownloadHelper.DownloadFile(imgUrl, Path.Combine(SaveFolder, SiteFolder, localImage));//下載到本地
                    if (cssUrl.ToLower().IndexOf(".css") > -1)
                    {//代表是CSS文件，會存到CSS目錄，需要使用相對地址
                        return @"url('../" + localImage.Replace("\\", "/") + @"')";
                    }
                    else
                    {//代表是頁面內部的CSS，不需要切換為相對路徑
                        return @"url('" + localImage.Replace("\\", "/") + @"')"; ;
                    }
                }
                return match.Value;
            });
            return content;
        }

最后加上注釋用了100行代碼完成了整個扒站工具。

還有很多地方可以完善，不過已經可以投入使用。1分鐘扒個幾個站的著陸頁是沒問題了，準備抽空去各家p2p網站的百度推廣扒他們的頁了。。。

扒了10個LP，目錄還沒發現問題。要是有機會再包裝一下出售。

會搞的人，可以自己玩玩，思路已經有了。

更多精彩內容，訪問小五博客http://www.lingdonge.com