1. 程式人生 > >去除Chrome空白頁的縮圖

去除Chrome空白頁的縮圖

在Chrome中,開啟空白頁時,會顯示縮圖,呈現最近的訪問記錄,而再清理瀏覽器訪問記錄後,會看到如下效果:
空白頁縮圖
介面的顯示會顯得很不理想,所以找尋去除此處縮圖的方式。本文通過修改Chrome瀏覽器資原始檔內的樣式來完成。


Chrome新版本處理(2018-11-16更新)

因Chrome從62.0.3170.0版本以後,調整了目錄結構。原方法及工具失效,此處以版本 70.0.3538.102為例,記錄修改方法。

目錄路徑調整

老版本Chrome程式路徑在 C:\Users\XXX\AppData\Local\Google\Chrome\Application\ 目錄下,新版本移動到安裝目錄 C:\Program Files (x86)\Google\Chrome\Application\

下(具體哪個版本做的調整,感興趣可以自行查詢。。。) ,也可以通過 Everything 檔案檢索工具,搜尋 resources.pak來快速定位。
新版本Chrome程式路徑

Chrome資原始檔解壓打包工具

shuax 提供了針對新版本 (62.0.3170.0以後版本) 的Chrome資原始檔 resources.pak 的解壓打包工具 ChromePAK V5,並提供了 工具下載 ,地址失效,可以使用下列連結下載(資源來自網路,連結失效,可以新增公眾號 AlexD小築,回覆對應關鍵字,獲取最新連結)

連結: https://pan.baidu.com/s/1Ds9_YTrhSjYYtQXfEKTIKA 提取碼: aui5

修改資原始檔

解壓工具 pak_tools,找到對應系統版本的工具,將Chrome的資原始檔 resources.pak 拷貝出來,並備份(此處拷貝到 pak_tools工具目錄)。在當前目錄開啟cmd ,並使用 pak_tools 工具命令進行資源解壓(可以雙擊 pak_tools 工具,檢視工具的命令及說明):
pak_tools工具命令
pak_tools資源解壓
解壓成功後,刪除目錄下的 resources.pak檔案,此時目錄下可以找到 resources 目錄及 resources.json 配置檔案,使用文字編輯器開啟 .\resources\unknown目錄下的 297 檔案,註釋掉檔案中的 <div id="most-visited"></div>

,儲存退出。

去除空白頁縮圖
然後使用 pak_tools 工具,重新打包資源,打包成功後,關閉Chrome瀏覽器,替換Chrome目錄下的資原始檔 resources.pak 檔案,最後重啟Chrome即可看到效果。
pak_tools資源打包
最終效果


修改Chrome資原始檔css樣式實現(Chrome老版本處理方法)

  • 使用Chrome的開發者工具定位縮圖

    定位縮圖

可以看到縮圖對應的ID標籤為#most-visited,接下來就是找到這個標籤對應的樣式,進行修改

  • 使用ChromePAK工具對Chrome的資原始檔resources.pak檔案進行解包

    • 使用chrome:version產看當前Chrome的版本及可執行檔案目錄
      chrome://version/

    老版本ChromePAK會出現無法解包新版本Chrome的情況,嘗試使用新版本ChromePAK處理,新版本ChromePAK在此處下載(作者有很多不錯的小工具,可以嘗試使用)

    • 訪問Chrome可執行檔案目錄C:\Users\XXX\AppData\Local\Google\Chrome\Application\,進入對應版本目錄找到resources.pak檔案

    chrome可執行檔案目錄

    找到對應版本reasources檔案.png

    • 下載ChromePAK,解壓後,將resources.pak檔案移動到ChromePAK解壓檔案內

    ChromePAK.png

    ChromePAK_1.png

    • 執行解壓目錄下的pak.exe檔案,進行解包

    resources資原始檔解包.png

  • 進入resources\guess 目錄,找到315.css檔案,並進行修改

    315.css.png

    修改css影藏縮圖.png

  • 修改完成後,儲存,再次點選pak.exe,進行打包

    resources資原始檔打包.png

  • 用新的resources.pak檔案替換現有Chrome使用的資原始檔,替換時,如出現如下提示,請關閉Chrome瀏覽器重試

    資原始檔替換錯誤提示.png

  • 至此,通過修改css方式去除縮圖完成,最終效果如下:

    最終結果.png

title: 去除Chrome空白頁的縮圖
copyright: true
categories:

  • 問題處理
    tags:
  • Chrome
    description: 本文記錄去除Chrome瀏覽器空白頁縮圖的方法。
    date: 2017.08.08 13:55:13
    updated: 2018-06-114 10:03:23

在Chrome中,開啟空白頁時,會顯示縮圖,呈現最近的訪問記錄,而再清理瀏覽器訪問記錄後,會看到如下效果:

空白頁縮圖

介面的顯示會顯得很不理想,所以找尋去除此處縮圖的方式。本文通過修改Chrome瀏覽器資原始檔內的樣式來完成。


Chrome新版本處理(2018-11-16更新)

因Chrome從62.0.3170.0版本以後,調整了目錄結構。原方法及工具失效,此處以版本 70.0.3538.102為例,記錄修改方法。

目錄路徑調整

老版本Chrome程式路徑在 C:\Users\XXX\AppData\Local\Google\Chrome\Application\ 目錄下,新版本移動到安裝目錄下 C:\Program Files (x86)\Google\Chrome\Application\下找到對應瀏覽器版本號的目錄(具體哪個版本做的調整,感興趣可以自行查詢。。。) ,也可以通過 Everything 檔案檢索工具,搜尋 resources.pak來快速定位。

新版本Chrome程式路徑

Chrome資原始檔解壓打包工具

shuax 提供了針對新版本 (62.0.3170.0以後版本) 的Chrome資原始檔 resources.pak 的解壓打包工具 ChromePAK V5,並提供了 工具下載 ,地址失效,可以使用下列連結下載(資源來自網路,連結失效,可以新增公眾號 AlexD小築,回覆對應關鍵字,獲取最新連結)

連結: https://pan.baidu.com/s/1Ds9_YTrhSjYYtQXfEKTIKA 提取碼: aui5

修改資原始檔

解壓工具 pak_tools,找到對應系統版本的工具,將Chrome的資原始檔 resources.pak 拷貝出來,並備份(此處拷貝到 pak_tools工具目錄)。在當前目錄開啟cmd ,並使用 pak_tools 工具命令進行資源解壓(可以雙擊 pak_tools 工具,檢視工具的命令及說明):

pak_tools工具命令

pak_tools資源解壓

解壓成功後,刪除目錄下的 resources.pak檔案,此時目錄下可以找到 resources 目錄及 resources.json 配置檔案,使用文字編輯器開啟 .\resources\unknown目錄下的 297 檔案,註釋掉檔案中的 <div id="most-visited"></div> ,儲存退出。

去除空白頁縮圖

然後使用 pak_tools 工具,重新打包資源,打包成功後,關閉Chrome瀏覽器,替換Chrome目錄下的資原始檔 resources.pak 檔案,最後重啟Chrome即可看到效果。

pak_tools資源打包

最終效果


修改Chrome資原始檔css樣式實現(Chrome老版本處理方法)

  • 使用Chrome的開發者工具定位縮圖

    定位縮圖

可以看到縮圖對應的ID標籤為#most-visited,接下來就是找到這個標籤對應的樣式,進行修改

  • 使用ChromePAK工具對Chrome的資原始檔resources.pak檔案進行解包

    • 使用chrome:version產看當前Chrome的版本及可執行檔案目錄
      chrome://version/

    老版本ChromePAK會出現無法解包新版本Chrome的情況,嘗試使用新版本ChromePAK處理,新版本ChromePAK在此處下載(作者有很多不錯的小工具,可以嘗試使用)

    • 訪問Chrome可執行檔案目錄C:\Users\XXX\AppData\Local\Google\Chrome\Application\,進入對應版本目錄找到resources.pak檔案

    chrome可執行檔案目錄

    找到對應版本reasources檔案.png

    • 下載ChromePAK,解壓後,將resources.pak檔案移動到ChromePAK解壓檔案內

    ChromePAK.png

    ChromePAK_1.png

    • 執行解壓目錄下的pak.exe檔案,進行解包

    resources資原始檔解包.png

  • 進入resources\guess 目錄,找到315.css檔案,並進行修改

    315.css.png

    修改css影藏縮圖.png

  • 修改完成後,儲存,再次點選pak.exe,進行打包

    resources資原始檔打包.png

  • 用新的resources.pak檔案替換現有Chrome使用的資原始檔,替換時,如出現如下提示,請關閉Chrome瀏覽器重試

    資原始檔替換錯誤提示.png

  • 至此,通過修改css方式去除縮圖完成,最終效果如下:

    最終結果.png