<- Back

Firefox 自定义 动画效果 暗黑效果 偏好设置

Created at 2020-09-26 17:13:19

Last updated at 2020-09-26 17:13:19

214 Clicks

Bootstrap 4 的动画效果会根据系统设置的偏好而改变,但Bootstrap目前还不支持暗黑模式。

在网页调试Bootstrap的动画效果时,如果系统设置了更偏向性能的设置,Firefox浏览器会读取这个配置并告知网页,Bootstrap便会根据这个偏好设置而取消动画效果,但不方便我们调试出我们想要的效果。

所以为了方便我们调试带有动画效果的Bootstrap网页,并且不影响系统的偏好设置,可以在Firefox中覆盖系统的偏好设置,其中包括动画效果和暗黑效果。

首先了解一下Windows对应的设置选项(该设置路径源自Windows 10 1909版):

  1. 动画效果偏好:Settings -> Ease of Access -> Display -> Show animations in Windows
  2. 暗黑效果偏好:Settings -> Personalization -> Colors -> Choose your color

最后是Firefox的覆盖选项方法:

  1. 首先需要在浏览器地址栏中输入"about:config"并按回车,这样就进入了Firefox的配置参数界面;
  2. 如果没有就创建下方对应的条目即可:
    1. 动画效果偏好:"ui.prefersReducedMotion",0是带动画,1是不带动画;
    2. 暗黑效果偏好:"ui.systemUsesDarkTheme",0是正常颜色模式,1是暗黑模式。

以上便是覆盖系统设置的两个偏好设置的方法,关于Firefox的about:config中其他的键值意义,请参考搜索引擎及Firefox官网支持页面。
https://support.mozilla.org/en-US/kb/about-config-editor-firefox

Tags:ITBootstrapFirefoxBrowser

0 Comments

@ 2019-2022 OWENDSWANG
Contact me: owendswang@qq.com