Chrome 设置页面获得现代用户界面

 

谷歌总是希望 Chrome 界面最小化。该公司删除了不必要的功能,并将其中一些作为扩展提供。Chrome UI 在某个时候收到了材料设计刷新。在那之后,Chrome 团队正在提升一些浏览器组件。似乎设置页面和搜索框首先获得了现代外观。

Chromes-new-modern-setings-page-1024x671-1
新的 chrome 设置页面

根据提交 [ 1 ] 和 [ 2 ],我们发现似乎设置页面首先获得白色油漆

coruscate 设置:更新 WebUI 标头以匹配新规范。

适用于明暗模式的更改:
 - 为工具栏搜索输入添加 46px 边框半径
 - 更改工具栏标题中的字体大小、字体粗细
 - 在工具栏标题旁边添加 Chrome 徽标(不同的徽标将是
   用于后续的暗模式)。

仅适用于灯光模式的更改:
 - 将工具栏和页面背景颜色更改为白色。
 - 更改搜索输入背景、字体、光标和微调器颜色。

仅推出到设置,但更改是以这种方式进行的
使其易于推广到其他 WebUI(通过定义
enableBrandingUpdateAttribute loadTimeData 字符串)。

具有现代外观的 Chrome 设置页面

WebUI 品牌更新,Google 正在 Canary 中测试“更改​​ WebUI 页面中的各种 UI 组件以具有现代外观”

要立即以现代风格查看 Chrome 设置页面,请确保您使用的是 Canary 93.0.4577.0 或更高版本

访问chrome://flags/#webui-branding-update,选择启用并重启浏览器
webUI-branding-update-flag

单击菜单并选择设置或前往地址栏中的chrome://settings

current-Chrome-Setting-page-design-1024x606-1
展示 Chrome 设置布局

什么是 Chrome 中的 WebUI

不久前,我们已经介绍了如何在 Windows为 Chrome打开WebUI 标签条。从那时起,我们就再也没有听说过与 Windows 版本相关的内容。

对于初学者来说,这就是WebUI,就是用来描述使用CSS、HTML、JavaScript等Web技术实现的Chrome UI的一部分。

我们可以将 Chrome 历史记录、设置和下载称为使用 WebUI 的一些页面。

  • Chrome://settings
  • Chrome://history
  • Chrome://downloads.

 

原创文章,作者:校长,如若转载,请注明出处:https://www.yundongfang.com/Yun60614.html

(0)
打赏 微信扫一扫不于多少! 微信扫一扫不于多少! 支付宝扫一扫礼轻情意重 支付宝扫一扫礼轻情意重
上一篇 2021年7月16日 下午10:06
下一篇 2021年7月17日 下午7:51

相关推荐