去除Chrome空白页的缩略图


在Chrome中,打开空白页时,会显示缩略图,呈现最近的访问记录,而再清理浏览器访问记录后,会看到如下效果:

界面的显示会显得很不理想,所以找寻去除此处缩略图的方式。本文通过修改Chrome浏览器资源文件内的样式来完成。

Chrome 74.0.xx(2019-05-08更新)

更新新版 Chrome 浏览器后,缩略图重新出现,又是一波折腾。。。依旧使用 ChromePak V5 工具解压,在解压的目录 .. esourcesunknown 下找到 291 文件,依旧搜索关键字 most-visited , 在此 div 节点上,加上内联样式 style="display: none;",修改完成后保存,使用 ChromePAK V5 工具重新打包替换即可。

... 省略之前代码 ...

    <!-- TODO(crbug/944624): Remove wrapper after experiment is complete. -->
    <div id="user-content-wrapper">
      <div id="user-content">
        <!-- Search suggestions will be inserted here. -->
        
        <!-- ------------------ 此处修改 ----------------------- -->
        <!-- 通过添加内联样式 display: none;,实现缩略图的隐藏 -->
        <div id="most-visited" style="display: none;">
        <!-- ------------------ 此处修改 ----------------------- -->
            
           
          <!-- The container for the tiles. The MV iframe goes in here. -->
          <div id="mv-tiles"></div>
          <!-- Notification shown when a tile is blacklisted. -->
          <div id="mv-notice-container">
            <div id="mv-notice" class="notice-hide" role="alert">
              <span id="mv-msg"></span>
              <!-- Links in the notification. -->
              <span id="mv-notice-links">
                <span id="mv-undo" class="ripple" tabindex="0" role="button"></span>
                <span id="mv-restore" class="ripple" tabindex="0" role="button"></span>
                <div id="mv-notice-x" tabindex="0" role="button"></div>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>

... 省略之后代码 ...

Chrome 73.0.3683.103(2019-04-15更新)

重新下载新版 chrome 浏览器,版本 73.0.3683.103(正式版本) 使用 2019年3月9日版 ChromePAK V5 ,解压资源文件后,在解压的目录 .. esourcesunknown 下的 300 文件,

<!doctype html>
<html>
<!-- Copyright 2015 The Chromium Authors. All rights reserved.
     Use of this source code is governed by a BSD-style license that can be
     found in the LICENSE file. -->
<head>
  <base target="_top">
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="constants.css">
  <link rel="stylesheet" type="text/css" href="single.css">
  <script src="utils.js"></script>
  <script src="single.js"></script>
</head>
<body>
	<!-- 注释此处屏蔽首页缩略图 -->
  	<!-- <div id="most-visited"></div> -->
</body>
</html>

使用 ChromePAK V5 重新打包替换即可。

不喜欢命令行操作,可以尝试网友制作的 ChromePAK V5 GUI, https://bbs.shuax.com/thread-24.htm

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

因Chrome从62.0.3170.0版本以后,调整了目录结构。原方法及工具失效,此处以版本 70.0.3538.102为例,记录修改方法。

目录路径调整

老版本Chrome程序路径在 C:UsersXXXAppDataLocalGoogleChromeApplication 目录下,新版本移动到安装目录 C:Program Files (x86)GoogleChromeApplication下(具体哪个版本做的调整,感兴趣可以自行查找。。。) ,也可以通过 Everything 文件检索工具,搜索 resources.pak来快速定位。

Chrome资源文件解压打包工具

链接: https://pan.baidu.com/s/1Ds9_YTrhSjYYtQXfEKTIKA 提取码: aui5

修改资源文件

解压工具 pak_tools,找到对应系统版本的工具,将Chrome的资源文件 resources.pak 拷贝出来,并备份(此处拷贝到 pak_tools工具目录)。在 ,并使用 pak_tools 工具命令进行资源解压(可以双击 pak_tools 工具,查看工具的命令及说明): 解压成功后,删除目录下的 resources.pak文件,此时目录下可以找到 resources 目录及 resources.json 配置文件,使用文本编辑器打开 . esourcesunknown目录下的 297 文件,注释掉文件中的 <div id="most-visited"></div> ,保存退出。 然后使用 pak_tools 工具,重新打包资源,打包成功后,关闭Chrome浏览器,替换Chrome目录下的资源文件 resources.pak 文件,最后重启Chrome即可看到效果。


修改Chrome资源文件css样式实现(Chrome老版本处理方法)

    使用Chrome的开发者工具定位缩略图 可以看到缩略图对应的ID标签为#most-visited,接下来就是找到这个标签对应的样式,进行修改 使用ChromePAK工具对Chrome的资源文件resources.pak文件进行解包 使用chrome:version产看当前Chrome的版本及可执行文件目录 访问Chrome可执行文件目录C:UsersXXXAppDataLocalGoogleChromeApplication,进入对应版本目录找到resources.pak文件 下载ChromePAK,解压后,将resources.pak文件移动到ChromePAK解压文件内 运行解压目录下的pak.exe文件,进行解包 进入resourcesguess 目录,找到315.css文件,并进行修改 修改完成后,保存,再次点击pak.exe,进行打包 用新的resources.pak文件替换现有Chrome使用的资源文件,替换时,如出现如下提示,请关闭Chrome浏览器重试 至此,通过修改css方式去除缩略图完成,最终效果如下:
经验分享 程序员 微信小程序 职场和发展