在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>
... 省略之后代码 ...
Chrome73.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资源文件解压打包工具
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
工具,查看工具的命令及说明):
解压成功后,删除目录下的
resources.pak
文件,此时目录下可以找到 resources
目录及 resources.json
配置文件,使用文本编辑器打开 .\resources\unknown
目录下的 297
文件,注释掉文件中的 <div id="most-visited"></div>
,保存退出。然后使用
pak_tools
工具,重新打包资源,打包成功后,关闭Chrome浏览器,替换Chrome目录下的资源文件 resources.pak
文件,最后重启Chrome即可看到效果。[图片上传失败...(image-8dac78-1557304467619)]
修改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
解压文件内
[图片上传失败...(image-8cebec-1557304467619)]
-
运行解压目录下的
pak.exe
文件,进行解包
- 使用
-
进入
resources\guess
目录,找到315.css
文件,并进行修改
-
修改完成后,保存,再次点击
pak.exe
,进行打包
-
用新的
resources.pak
文件替换现有Chrome使用的资源文件,替换时,如出现如下提示,请关闭Chrome浏览器重试
至此,通过修改css方式去除缩略图完成,最终效果如下:
[图片上传失败...(image-7c8865-1557304467619)]