h5滚动隐藏滚动条_这 10 个值得开启的隐藏功能,让你的 Chrome 释放更多潜力

b7aa2966a2d2a0a41eac2841fd7c960e.png

上次分享了让 Chrome 浏览器用得更顺手的地址栏命令,跟大家整理和介绍了多个 Chrome 地址栏命令,利用好这些命令工具能够提升浏览器配置效率,让你的 Chrome 浏览器用得更顺手。

这次介绍的是 Chrome 内置的实验功能,它被单独放在了一个页面中,很多酷炫好用的实验性功能默认是关闭状态,按需打开这些选项后,网页浏览的速度、体验、安全性等都会有相当不错的提升,下面我收集了 10 个值得开启的实验功能,让你的 Chrome 释放更多潜在能力。

如何打开和查找实验功能

89beb17d01515cd97f4561dfb7ea268c.png

Chrome 实验功能页面的打开方法相当简单,只需要在地址栏输入 chrome://flags,页面分为可用(Available)和不可用(Unavailable)两个标签页,顶部搜索栏支持即时搜索反馈结果。如果用户明确知道实验功能的选项名称,可以通过chrome://settings/选项名称类似的命令直接定位到对应的选项。

需要注意的是,更改任意 Chrome 实验性 Flags 选项必须重启浏览器才能使其生效,当然也可以通过「全部重置为默认值」按钮来恢复 Flags 页面所有选项为初始配置状态。

47d7533f3c7803e2b35da7b53194690d.png

Overlay Scrollbars:自动收起滚动条

1a47725d2b97b2e0c0671365fa56b067.gif

页面滚动条默认状态会始终显示在有侧边栏,占据了一定宽度的显示区域,启用 Overlay Scrollbars 选项,会使滚动条具备自动收起的特性,当页面再滚动时,滚动条会收起消息,不占用额外的页面空间。

Flash Overlay Scrollbars When Mouse Enter:滚动条跟随鼠标移动出现

5ac50b33eb8303e38cb6432aaa5d97ab.gif

打开 Flash Overlay Scrollbars When Mouse Enter 后,会比前面介绍的 Overlay Scrollbars 选项显得更智能,只有当鼠标进入滚动条区域时滚动条才会闪出,方便了下一步操作。

Smooth Scrolling:平滑滚动

e93caf30c18d529a3db293ed36ed80a4.gif

启用 Smooth Scrolling 之后,在浏览长网页使用键盘或者鼠标滚动页面查看内容时,可以获得非常平滑的内容滚动和过渡效果。如果对滚动尺寸和滚动动画效果有更细致调整的需求,可以选择安装第三方扩展 SmoothScroll。

Tab Hover Cards:悬停标签页显示网址

8cff38d7b2c3874f47f8c65191821528.png

Chrome 默认状态下,当鼠标移动到标签页上时会主动显示当前的网页标题,碰到标题相同时很难区分来源。启用 Tab Hover Cards 选项后,将会在鼠标悬停在标签页时,显示网页标题和网站 URL 信息(主机域名),帮助用户快速判断网页的来源地址。

Tab Hover Card Images:悬停显示网页缩略图

0513bbacd2e35efa52dbf6364eba8642.png

鼠标悬停到标签页时,不同的浏览器默认显示的信息会有所区别,其中微软家的 Edge 支持显示网页内容的缩略图,启用 Tab Hover Card Images 选项后,Chrome 同样支持悬停显示缩略图的特性,帮助用户进一步确认网页的整体内容。

Desktop PWAs:桌面版 Chrome 支持 PWA 应用

67daf6a0ed935064c355d87a57a34aee.png

从 Chrome 73 正式版开始,面向 Windows、macOS 和 Linux 三大系统正式支持添加 PWA 应用,当打开支持 PWA 的网站时,通过浏览器右上角的汉堡菜单选项中会看到类似「安装 XX」的按钮,确认安装后,PWA 应用就会被添加到桌面快捷方式。

如果你还是使用 v73 以前的版本,同样可以在实验功能选项中,通过启用 Desktop PWAs,让浏览器支持 PWA 应用。(备注:GitHub上有朋友总结了支持 PWA 的网站列表)

Parallel downloading:提升下载速度

e8b8903d45a62364c0222ba77d851581.png

Chrome 目前只支持单线程下载,这种下载方式容易导致下载出错,而且速度并不理想,启用 Parallel downloading 后可以让浏览器支持并行下载,碰到大文件下载时会有明显的速度提升。

除了 PC 版有丰富的 Flags 实验功能外,Chrome for Android 平台同样有一些适用于移动特性的实验功能,下面挑选了一些实用的选项,给大家做参考。

Android web contents dark mode:Chrome Android 版完整支持暗黑模式

1e13091e74c7cc8ac33345aba0088cad.png

最新的 Chrome Android 版已经提供了夜间模式功能,通过「设置 - 主题背景」即可在浅色调和深色调之间自由切换,但自带的深色主题仅对地址栏、菜单、书签等控件换上黑色模式,但对网页内容本身并不生效。在这里,需要启用 Android web contents dark mode,让网页也支持黑色模式。

Enable horizontal tab switcher:水平切换标签页

5229b83875b80b34c4fc5c9e8aa8699f.png

Chome 默认状态是以垂直方式切换标签页,这一交互方式与最新 Android 系统多任务水平切换相比,可能会让用户使用上不是很习惯。启用 Enable horizontal tab switcher 就可以实现水平切换网页标签页。

Reader Mode triggering:支持阅读模式

5a1b71b29653883a01ebd0a04b773bea.png

神奇浏览器、Edge 等第三方浏览器应用均提供阅读模式功能,在阅读文章时,帮助读者有更专注的阅读体验。其实 Chrome 同样支持阅读模式,定位到 Reader Mode triggering,切换为 Always 状态,浏览器将会在网页下方显示简化版视图的选项,这个就是阅读模式的入口,而且还能更改主题颜色、字体以及字号大小。

结语

由于 chrome://flags大部分功能选项属于测试阶段,所以每一个 Chrome 版本变化,都会导致 Flags 选项有所变化,部分选项甚至可能被移除,而这次整理的功能选项,已经在最新版的 Chrome (PC 和 Android 平台)上测试过,仍然存在和有效,尝试打开这些被隐藏的小开关,提升浏览体验、开启好用的新功能,让你的 Chrome 浏览器用得更顺心。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/392624.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Spring Boot干货系列:(二)配置文件解析

前言 上一篇介绍了Spring Boot的入门,知道了Spring Boot使用“习惯优于配置”(项目中存在大量的配置,此外还内置了一个习惯性的配置,让你无需手动进行配置)的理念让你的项目快速运行起来。所以,我们要想把S…

hibernate Criteria(条件查询接口)

Criteria&#xff08;条件查询接口&#xff09; // 1.简单查询 List<Customer> list session.createCriteria(Customer.class).list();// 2.条件查询: Criteria criteria session.createCriteria(Customer.class); criteria.add(Restrictions.eq("name",&quo…

记一次ArrayList产生的线上OOM问题

前言&#xff1a;本以为(OutOfMemoryError)OOM问题会离我们很远&#xff0c;但在一次生产上线灰度的过程中就出现了Java.Lang.OutOfMemoryError:Java heap space异常&#xff0c;通过对线上日志的查看&#xff0c;最终定位到ArrayList#addAll方法中&#xff0c;出现这个问题的原…

Google-Guava-EventBus源码解读

Guava是Google开源的一个Java基础类库&#xff0c;它在Google内部被广泛使用。Guava提供了很多功能模块比如&#xff1a;集合、并发库、缓存等&#xff0c;EventBus是其中的一个module&#xff0c;本篇结合EventBus源码来谈谈它的设计与实现。 概要 首先&#xff0c;我们先来预…

python之numpy

numpy是一个多维的数组对象&#xff0c;类似python的列表&#xff0c;但是数组对象的每个元素之间由空格隔开。 一、数组的创建 1.通过numpy的array(参数)&#xff0c;参数可以是列表、元组、数组、生成器等 由arr2和arr3看出&#xff0c;对于多维数组来说&#xff0c;如果最里…

git 上传

转载于:https://www.cnblogs.com/benbentu/p/6543154.html

Liferay 部署war包时候的deployDirectory 细节分析

引入&#xff1a; 在上文中&#xff0c;我们从宏观上讲解了Liferay部署war包的动作是如何触发监听器并且完成部署过程的&#xff0c;但是其中最核心的一块deployDirectory我们没讲&#xff0c;它的作用是当有了临时目录并且已经把war包的内容展开到该目录之后&#xff0c;是如何…

使用brew安装软件

brew 又叫Homebrew&#xff0c;是Mac OSX上的软件包管理工具&#xff0c;能在Mac中方便的安装软件或者卸载软件&#xff0c; 只需要一个命令&#xff0c; 非常方便 brew类似ubuntu系统下的apt-get的功能 阅读目录 安装brew 使用brew安装软件 使用brew卸载软件 使用brew查询软…

mysql 绕过select报错_MySQL注射绕过技巧(三)

在测试一次注入的时候发现过滤了逗号 所以找到这个思路第一次遇到的时候是看key哥挖洞 遇到后就想记录下来正文过滤了逗号 利用join来逐步查询select*from(select 1)a join (select 2)b join (select 3)c;例如下图逐步查询user()user() basediruser() basedir version()也可以…

Citrix、Microsoft、VMware虚拟桌面之网页接口登录对比

软件环境 Citrix Xendesktop 5.6 Microsoft Windows Server 2008 R2 Hyper-v VMware View client 4.6 首先看citrix的&#xff0c;很早之前Citrix就推出了网页的虚拟桌面和应用程序&#xff0c;默认是单点登录获取桌面 下面是微软的&#xff0c;和citrix很类似&#xff0c; 据我…

recyclerview 加载fragment_恢复 RecyclerView 的滚动位置

您可能在开发过程中遇到过这种情况&#xff0c;在 Activity/Fragment 被重新创建后&#xff0c;RecyclerView 丢失了它之前保有的滚动位置信息。通常这种情况发生的原因是由于异步加载 Adapter 数据&#xff0c;且数据在 RecyclerView 需要进行布局的时候尚未加载完成&#xff…

4.6.2 软件测试的步骤

系统测试是可有可无的。因为系统测试是和环境结合在一起。系统测试应该是在系统设计或者是需求分析阶段的前一步来完成的。 单元测试它的测试计划是在详细设计阶段完成。所以说单元测试的计划是在详细设计阶段来完成的。 模块接口的测试它保证了测试模块的数据流可以正确地流入…

栈,递归

栈的基本操作注意&#xff1a;是从后往前连接的 1 #include <stdio.h>2 #include <Windows.h>3 typedef struct sStack4 {5 int num;6 struct sStack* pnext;7 }Stack;8 void push(Stack **pStack,int num);9 int pop(Stack **pStack); 10 BOOL isEmpty(St…

mysql集群多管理节点_项目进阶 之 集群环境搭建(三)多管理节点MySQL集群

多管理节点MySQL的配置很easy&#xff0c;仅须要改动之前的博文中提高的三种节点的三个地方。1)改动管理节点配置打开管理节点C:\mysql\bin下的config.ini文件&#xff0c;将当中ndb_mgmd的相关配置改动为例如以下内容&#xff1a;[ndb_mgmd]# Management process options:# Ho…

APK伪加密

一、伪加密技术原理 我们知道android apk本质上是zip格式的压缩包&#xff0c;我们将android应用程序的后缀.apk改为.zip就可以用解压软件轻松的将android应用程序解压缩。在日常生活或者工作中&#xff0c;我们通常为了保护我们自己的文件在进行压缩式都会进行加密处理。这样的…

乱花渐欲迷人眼-杜绝设计的视噪

视噪&#xff0c;又称视觉噪音。我们每天接受来自外界的大量信息&#xff0c;这些信息有将近70&#xff05;是通过视觉感知获得的。视噪会干扰我们对信息的判断&#xff0c;影响到产品的易用性和可用性&#xff0c;与用户体验的好坏息息相关。(克劳德香农图演示了噪音如何影响信…

超详细windows安装mongo数据库、注册为服务并添加环境变量

1.官网下载zip安装包 官网地址https://www.mongodb.com/download-center/community?jmpnav&#xff0c;现在windows系统一般都是64位的&#xff0c;选好版本、系统和包类型之后点击download&#xff0c;mongodb-win32-x86_64-2008plus-ssl-4.0.10.zip。 2.解压zip包&#xff0…

.netcore mysql_.netcore基于mysql的codefirst

.netcore基于mysql的codefirst此文仅是对于netcore基于mysql的简单的codefirst实现的简单记录。示例为客服系统消息模板的增删改查实现第一步、创建实体项目&#xff0c;并在其中建立对应的实体类&#xff0c;以及数据库访问类须引入Pomelo.EntityFrameworkCore.MySql和Microso…

android 涨潮动画加载_Android附带涨潮动画效果的曲线报表绘制

写在前面本文属于部分原创&#xff0c;实现安卓平台正弦曲线类报表绘制功能介绍&#xff0c;基于网络已有的曲线报表绘制类(LineGraphicView)自己添加了涨潮的渐变动画算法最终效果图废话少说&#xff0c;直接上源码一、自定义View LineGraphicView&#xff0c;本类注释不算多&…

Oracle Study之--Oracle等待事件(5)

Db file single write这个等待事件通常只发生在一种情况下&#xff0c;就是Oracle 更新数据文件头信息时&#xff08;比如发生Checkpoint&#xff09;。当这个等待事件很明显时&#xff0c;需要考虑是不是数据库中的数据文件数量太大&#xff0c;导致Oracle 需要花较长的时间来…