跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • Gear 浏览器里程碑升级到 v3.0,带来全新的自适应黑暗模式算法
未分類
13 10 月 2020

Gear 浏览器里程碑升级到 v3.0,带来全新的自适应黑暗模式算法

Gear 浏览器里程碑升级到 v3.0,带来全新的自适应黑暗模式算法

資深大佬 : catfan 0

Gear 浏览器里程碑升级到 v3.0,带来全新的自适应黑暗模式算法

Dark Mode,黑暗模式

虽然目前很多桌面软件和 app 都对黑暗模式进行了适配,但是浏览器的黑暗模式却是迟迟没有普遍开来。要适配 app 界面比较简单,都是自身可控的。但是要自动适配互联网上各式各样的的网站却是一个很困难的任务,因为每个网站的设计和配色风格都不一样,除非网站自身为此专门设计了一套新的样式(这样效果最好)。

目前市面上部分浏览器的黑暗模式解决方案主要是对页面的所有元素进行反色滤镜处理( filter: invert ),虽然此方式简单粗暴,但是效果很差,页面会失去原本的色彩配搭(尤其是图片),并且性能也会受到影响;或者写一套简单的通用 CSS,对元素某些属性进行 override 。但此方式的兼容性有很大的限制,无法判断该元素在页面中的作用,以及呈现方式,导致页面会有各种奇怪的颜色配搭问题;还有一些浏览器直接在 app 上覆盖一层灰色透明图层了事,那效果不说也罢…

并且以上的所有方式都无法适配那些自身就是黑色风格或者具备黑暗模式的网站,颜色都是固定转换的。

Gear 浏览器里程碑升级到 v3.0,带来全新的自适应黑暗模式算法

Next Gen Dark Mode

而 Gear 浏览器终于在研究和迭代多次后,终于研究出全新的自适应黑暗模式算法。它会智能分析页面的所有样式,元素在页面的作用与位置的信息,基于颜色 HSL 值,在保留页面的元素色相饱和度情况下,计算出合理的样式。

例如:  普通情况下元素的 background: #FFF 白色 -> background: #000 黑色。  如果此元素是在页面中是悬浮固定位置的。  则:background: #FFF 白色 -> background: #020202 浅黑  如果此元素是一个按钮。  则:background: #FFF 白色 -> background: #5C5C5C 深灰 

并且此算法还会分析整个页面的配色方案,适配那些自身是黑色风格和具备黑暗模式的网站。虽然分析的复杂度提升了好几个指数级,但不会有明显的延迟感觉。

简单来说,Gear 的新算法不但改善了性能(不使用滤镜),效果(智能生成)和兼容性(适配所有网站)上都比以往有了质的提升。并且,你也可以直接使用网站自带的黑暗模式或者访问黑色主题的网站,并不会导致样式冲突。能让你在夜间环境下,以更舒适的亮度来阅读和浏览网页,进一步保护眼睛。

Gear v3.0 版本不但带来了新的黑暗模式算法,还大幅度调整和改善了界面风格,强化了控制台和油猴脚本的功能,并适配 iOS 14 (可以设置成默认浏览器了),希望大家用得愉快。接下来还会不断有为 iOS 14 设计的新功能提供,敬请期待。

PS:目前新的自适应算法只是第一版,并不够完美,在未来还会不断更新,预计还能把效果再提升几个档次。

官网:https://gear4.app

App Store: https://apps.apple.com/cn/app/gear-browser/id1458962238?ls=1

大佬有話說 (10)

  • 資深大佬 : wzw

    还不如增强脚本方面,毕竟这是特色

  • 主 資深大佬 : catfan

    @wzw 脚本方面的功能一直都在增强和改进。(可查看我们的更新历史)

  • 資深大佬 : cyitao

    使用 gear 看帖子中。
    gear 有两个地方比较违反我的直觉。

    一个是上下菜单栏的自动显示和隐藏,当我向上滑动隐藏了菜单栏以后,想要向下滑动显示菜单时,要等滚动结束以后才会显示。而不是像 Safari 一样,一开始向下滚动就立刻显示菜单栏。

    第二点是当我打开一个网页,然后点击菜单中间的按钮显示所有 tab,然后点击小房子按钮回到主页,这时候 tab 数量显示的还是 1 。按我的理解,此时应该是打开的网页+home 页=2 。

    最后,暗黑模式很赞。现在基本晚上用 gear,白天用 Safari 。

  • 主 資深大佬 : catfan

    @cyitao 这个滚动设计是让快速上下文滚动定位的时候,上下菜单栏不会弹来弹去(用户粗略定位的情况),依然保持隐藏。只有在结束滚动,才会去触发判断下拉滚动是否需要展示菜单栏(用户需要准确定位的情况)。

    标签页这样的设计是避免打开过多空白 Home 标签。你可以把它理解成永远只有一个 Home 页面 + n 个标签页,点击标签管理页的小房子按钮就是回到 Home 页,逻辑和 iOS 桌面相似(永远只有一个桌面,但可以在桌面打开 n 个 app )。这样可以减少不必要的内存损耗,让每个标签都必定展示页面。目前其它浏览器那种新建空白 Home 标签页的设计其实是没有意义的,会经常开了一堆这样无意义的标签,还要手动去逐个清理。

  • 資深大佬 : Echoldman

    坐等 Android 版

  • 主 資深大佬 : catfan

    @Echoldman 未来也许会有的,但目前还是 iOS 为主。

  • 資深大佬 : SingeeKing

    是否可以添加对某些网站关闭暗色模式?

  • 主 資深大佬 : catfan

    @SingeeKing 目前没有此功能。不过新算法都是自适应的了,而且切换黑暗模式其实也就只需要两个步骤而已。

  • 資深大佬 : headwindx

    黑暗模式,还是火狐好用一些

  • 主 資深大佬 : catfan

    @headwindx Firefox 使用的是反色方式,会导致部分颜色失真,例如会把红色转换成橙色。对比度也过高,不太利于夜间阅读。可以试试都访问煎蛋网( jandan.net ),便能有明显的对比。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具