WordPress仿企業(yè)站實戰(zhàn)1：獲取首頁靜態(tài)頁
時間：2023-04-24 04:30:02 | 來源：網(wǎng)站運營
時間：2023-04-24 04:30:02 來源：網(wǎng)站運營
WordPress仿企業(yè)站實戰(zhàn)1：獲取首頁靜態(tài)頁：
hello，大家好，今天我們嘗試全仿一個企業(yè)站，點擊這個鏈接訪問。
1、準備工具
要獲取這個網(wǎng)站的首頁，包括靜態(tài)的html代碼，以及圖片、css、js、字體等，我是通過ChromeCacheView這個軟件從谷歌瀏覽器的緩存中獲取的。另外，為了更好地對這些靜態(tài)文件進行編輯、整理，我還安裝了Notepad++和WebStorm這兩個軟件，大家可以選擇安裝。安裝文件我在文末有分享。
2、清空瀏覽器歷史緩存
打開瀏覽器歷史記錄
點擊左邊的清除瀏覽數(shù)據(jù)
在彈框中選擇基本頁簽，點擊“清除數(shù)據(jù)”按鈕，即可將瀏覽器所有緩存的圖片和文件清除了。
3、打開ChormeCacheView
4、訪問目標網(wǎng)站，等待頁面完全載入
5、在ChromeCacheView中刷新
6、在ChromeCacheView中全選文件（按Ctrl+A），然后點擊功能按鈕，把選中的文件導出來，我把它們保存到了桌面。這些文件就是目標網(wǎng)站首頁的所有資源了。
7、獲取首頁的靜態(tài)代碼
在首頁點擊右鍵，點擊右鍵“查看網(wǎng)頁源代碼”，全選（按Ctrl+A）復制代碼，，然后再WebStorm中建立citymark的一個空白項目，并且在項目根目錄創(chuàng)建index.html頁面，把代碼粘貼到index.html，并且格式化首頁代碼，做好后如下圖
8、在瀏覽器中訪問這個頁面，操作如圖：
9、打開瀏覽器的調(diào)試模式（在瀏覽器中按F12），查看有哪些文件沒有正常載入，等下要修復
10、修改index.html中關(guān)于字體、js、css、圖片的地址，把剛才從瀏覽器緩存獲取到的資源放到citymark項目中，最終的代碼我上傳到了百度云盤上，在文章末尾有鏈接，最終如下的結(jié)果：
10、相關(guān)資料下載
鏈接：
https://pan.baidu.com/s/1NLOaeoFfYPnnWwpp1BuknQ 提取碼：8gfq
關(guān)鍵詞：靜態(tài),獲取,實戰(zhàn),企業(yè)
在線咨詢