去除Chrome空白页的缩略图

最新推荐文章于 2021-10-08 10:22:31 发布

Anyers

最新推荐文章于 2021-10-08 10:22:31 发布

阅读量9.3k

点赞数

分类专栏：问题解决 Chrome 文章标签： Chrome 缩略图

本文链接：https://blog.csdn.net/u012995964/article/details/80688728

版权

问题解决同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

Chrome

3 篇文章 0 订阅

订阅专栏

文章目录

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

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

Chrome 74.0.xx（2019-05-08更新）

更新新版 Chrome 浏览器后，缩略图重新出现，又是一波折腾。。。依旧使用 ChromePak V5 工具解压，在解压的目录 ..\resources\unknown 下找到 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 ，解压资源文件后，在解压的目录 ..\resources\unknown 下的 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:\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的版本及可执行文件目录
老版本ChromePAK会出现无法解包新版本Chrome的情况，尝试使用新版本ChromePAK处理，新版本ChromePAK在此处下载（作者有很多不错的小工具，可以尝试使用）
- 访问Chrome可执行文件目录C:\Users\XXX\AppData\Local\Google\Chrome\Application\，进入对应版本目录找到resources.pak文件
- 下载ChromePAK，解压后，将resources.pak文件移动到ChromePAK解压文件内
- 运行解压目录下的pak.exe文件，进行解包
进入resources\guess 目录，找到315.css文件，并进行修改
修改完成后，保存，再次点击pak.exe，进行打包
用新的resources.pak文件替换现有Chrome使用的资源文件，替换时，如出现如下提示，请关闭Chrome浏览器重试
至此，通过修改css方式去除缩略图完成，最终效果如下：

Anyers

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
3
评论
去除Chrome空白页的缩略图

在Chrome中，打开空白页时，会显示缩略图，呈现最近的访问记录，而再清理浏览器访问记录后，会看到如下效果:界面的显示会显得很不理想，所以找寻去除此处缩略图的方式。本文通过修改Chrome浏览器资源文件内的样式来完成。修改Chrome资源文件css样式实现使用Chrome的开发者工具定位缩略图可以看到缩略图对应的ID标签为#most-visited，接下来就是找到这个...
复制链接

扫一扫