Chromium 和 Firefox 显示颜色不同,我不知道哪个做得对

     2023-02-21     19

关键词:

【中文标题】Chromium 和 Firefox 显示颜色不同,我不知道哪个做得对【英文标题】:Chromium and Firefox display colors differently and I don't know which one is doing it right 【发布时间】:2018-06-16 04:43:35 【问题描述】:

我一直在 Ubuntu 17.10 下建立一个网站,并使用 Firefox 和 Chromium 进行测试。这两个浏览器显示的颜色完全不同(不仅是图像,而是所有颜色),我一直认为是 Chromium 出于某种原因错误地过度饱和了它们,所以直到现在我总是选择在 Firefox 中看起来正确的颜色。

但是我开始收到越来越多关于网站背景太紫色的投诉——我认为这不应该是因为只有它颜色的蓝色部分 (#eeeeff) 被“提升”了,但它已经到了让更多人看到它是紫色而不是蓝色的地步,这让我感到困惑。

这是前面提到的在 Firefox(左)和 Chromium(右)中显示的颜色。

这就是我对网站的看法:

差异很大(请注意,即使是网站图标也不同),我要求您告诉我在选择我的网站颜色时应该信任哪个浏览器,以及我是否可以采取一些措施来避免它在不同的浏览器中显示如此不同。

(有些用户在 Firefox 中也看到过饱和的颜色。那么现在哪个才是正确的,真的吗?)

【问题讨论】:

这发生在我的第二台显示器上 【参考方案1】:

另一个选项是打开chrome://flags/ 并选择强制颜色配置文件项上的选项sRGB

通过使用此设置而不是禁用在可用时使用硬件加速,您不会失去一些不错的功能,例如 Google 地图上的 3D 视图。

在这里找到解决方案:https://www.reddit.com/r/Fedora/comments/74h5yh/blue_shows_as_purple_in_chrome/

【讨论】:

不是一个真正的答案。您不能(据我所知)强制用户的浏览器使用 sRGB,您只能自己更改它。如果您试图让所有用户的网站保持一致,我认为我们都不走运。让我知道你对此有何看法。我实际上问了类似的问题,没有人对此问题有任何答案 不确定是否存在浏览器错误,所以我提交了两个问题:bugs.chromium.org/p/chromium/issues/detail?id=1133990 和 bugzilla.mozilla.org/show_bug.cgi?id=1668444【参考方案2】:

使用 GPick 作为颜色选择器并使用颜色十六进制代码调用网站

http://www.color-hex.com/color-palette/54430

我明白了,Firefox 完全呈现 RGB 颜色,这意味着 GPick 从 CSS 中识别出相同的十六进制代码。 而 Chromium 呈现某种不同的颜色。

你可以打电话

chrome://flags/#force-color-profile

并将 Chromium 中的颜色配置文件设置为 sRGB,因此来自 Chromium 的渲染颜色与使用 GPick 的 HexCode 识别相同。

【讨论】:

不是一个真正的答案。您不能(据我所知)强制用户的浏览器使用 sRGB,您只能自己更改它。如果您试图让所有用户的网站保持一致,我认为我们都不走运。让我知道你对此有何看法。我实际上问了类似的问题,没有人对此问题有任何答案 @JonNezbit 问题不是:如何一致地为所有浏览器呈现网页,而是:“哪个浏览器做得对?”使用 RGB ColorPicker 是回答这个问题的一种选择。 我指的是“......我是否可以做一些事情来避免它在不同的浏览器中以如此不同的方式显示......”。这正是我每天都在想和寻找的文学作品 @JonNezbit 当 Chrome 不以与 firefox 相同的方式渲染颜色时,图像也是如此,您可以做两件事,恕我直言:1.) 像旧的一样构建浏览器开关时间并为 chorme 用户提供不同的内容 2.) 说服 Chrome 改变他们的行为 这很聪明。我会考虑向 chrome 用户提供不同的内容。 Upwoted。【参考方案3】:

如果您在 Chromium 设置中禁用“可用时使用硬件加速”并重新启动,Chromium 会正确显示颜色。打开时,Chromium 颜色关闭。在解决硬件加速的 Chromium 颜色管理问题之前,我认为这是一种解决方法。

【讨论】:

不是一个真正的答案。您不能(据我所知)强制用户的浏览器使用您的设置(硬件加速),您只能自己更改它。如果您试图让所有用户的网站保持一致,我认为我们都不走运。让我知道你对此有何看法。我实际上问了类似的问题,没有人对此问题有任何答案【参考方案4】:

在其他两种颜色相同的情况下,您的颜色正好在“蓝色区域”的中间。

如果将其转换为 HSL 并查看色调线,您会发现它正好位于“蓝色”频率范围的中间。

因此,任何绿色或红色的暗示都是不正确的。

【讨论】:

Chromium 无头页面无响应但适用于 Firefox

】Chromium无头页面无响应但适用于Firefox【英文标题】:Chromiumheadlesspageunresponsivebutworksonfirefox【发布时间】:2022-01-0918:54:47【问题描述】:我在Ubuntu20的RaspberryPi模型4B上无头运行Chromium时遇到问题。为了显示浏览器,我使用的是官... 查看详情

为啥 Chrome 和 Firefox 显示不同的 flex 布局结果?

】为啥Chrome和Firefox显示不同的flex布局结果?【英文标题】:WhydoChromeandFirefoxshowdifferentflexlayoutresults?为什么Chrome和Firefox显示不同的flex布局结果?【发布时间】:2019-02-1609:10:48【问题描述】:当只有一行“flexitems”时,Chrome和Fire... 查看详情

如何使用更改和删除事件在 firefox 和 chrome/chromium 上上传和列出目录

】如何使用更改和删除事件在firefox和chrome/chromium上上传和列出目录【英文标题】:Howtouploadandlistdirectoriesatfirefoxandchrome/chromiumusingchangeanddropevents【发布时间】:2017-02-0113:03:04【问题描述】:mozilla和webkit浏览器现在都允许上传目... 查看详情

为啥浏览器在 png 中显示颜色的方式不同?

...base64png。我发现在使用滴管扩展程序查看颜色时,Chrome和Firefox之间的颜色不同。这两种浏览器的颜色都与我在画布 查看详情

Chrome、Chromium、Firefox 在 QtWebApp 上两次请求页面

】Chrome、Chromium、Firefox在QtWebApp上两次请求页面【英文标题】:Chrome,Chromium,FirefoxrequestingpagetwiceonQtWebApp【发布时间】:2014-02-0710:21:42【问题描述】:我正在尝试使用QtWebApp创建一个简单的Web应用服务器,但Chrome、Firefox和chromium总... 查看详情

Chrome 54 没有从我的网站获得 HTTPS 响应; Chrome 53、Chromium、Firefox 和 Safari 都可以

】Chrome54没有从我的网站获得HTTPS响应;Chrome53、Chromium、Firefox和Safari都可以【英文标题】:Chrome54doesn\'tgetHTTPSresponsefrommysite;Chrome53,Chromium,Firefox,andSafarido【发布时间】:2017-03-0601:15:12【问题描述】:大约一周前,我的网站运行良... 查看详情

禁用或更改 Firefox 的元素/图像突出显示颜色

】禁用或更改Firefox的元素/图像突出显示颜色【英文标题】:DisableorchangeFirefox\'selement/imagehighlightcolor【发布时间】:2014-02-0203:39:07【问题描述】:我想摆脱某些元素(特别是图像)的褪色蓝色高亮颜色。这是一个Fiddle用于示例目... 查看详情

表格单元格和边框在 IE/Chrome 和 Firefox/Opera 中显示不同

】表格单元格和边框在IE/Chrome和Firefox/Opera中显示不同【英文标题】:TablecellandborderdisplayingdifferentlyinIE/ChromeandFirefox/Opera【发布时间】:2010-10-1615:00:01【问题描述】:经过几个小时的挫折后,我终于转向互联网寻求答案。想象一... 查看详情

背景图像颜色更改 firefox/chrome

】背景图像颜色更改firefox/chrome【英文标题】:Backgroundimagecolorchangesfirefox/chrome【发布时间】:2011-11-2502:00:16【问题描述】:在Chrome上测试网站时,我有一个很奇怪的想法。CSS完全相同,但看起来不同。另外在同一台显示器上进... 查看详情

li 元素的(使用 CSS 样式)标记在 chromium 浏览器上的位置错误,但在 Firefox 上很好

】li元素的(使用CSS样式)标记在chromium浏览器上的位置错误,但在Firefox上很好【英文标题】:lielement\'s(styledwithCSS)markerhaswrongpositiononchromiumbrowsers,butgoodonfirefox【发布时间】:2022-01-2005:31:07【问题描述】:代码:(StackOverflow上的... 查看详情

使firefox和vivaldi只在新标签页显示书签栏(代码片段)

Firefox新建~/.mozilla/firefox/rre9emvh.default/chrome/userChrome.css(大概不同人的rre9emvh.default目录会有不同的名字?)内容如下/**Bookmarkstoolbarisvisibleonlyonnewtabpage,justlikeChrome.**Screenshot:https://vimeo.com/23505 查看详情

如何使 Firefox 的画布与基于 Chromium 的浏览器中的行为相同?

】如何使Firefox的画布与基于Chromium的浏览器中的行为相同?【英文标题】:HowtomakeFirefox\'scanvasbehavethesameasinChromium-basedbrowsers?【发布时间】:2021-11-1002:31:18【问题描述】:在基于Chromium的浏览器中(我正在使用勇敢),canvas是这... 查看详情

Chrome 和 Mozilla Firefox 中的不同打印预览

】Chrome和MozillaFirefox中的不同打印预览【英文标题】:DifferentPrintpreviewinChromeandMozilaFirefox【发布时间】:2015-06-0305:06:05【问题描述】:http://exrx.net/concrete5/extras/food-exchange-journal这是页面链接,页面包含一些表格。当我尝试在Firefox... 查看详情

自定义firefox/chromium安装预安装扩展(非企业)

...发给朋友和家人,而无需通过企业分发。可以从Firefox或Chromium(或甚至其他webkit)获取应该很容易定制(理想情况下没有C++编码)应该能够在浏览器中嵌入扩展名或硬编码扩展名。(我编写了一个自定义广告块,比FF或Chrome商店... 查看详情

HTML5 App Cache 在 Firefox 11 中失败 - 与 Chromium 一起使用

】HTML5AppCache在Firefox11中失败-与Chromium一起使用【英文标题】:HTML5AppCachefailswithFirefox11-workswithChromium【发布时间】:2012-08-0700:29:24【问题描述】:我已经在Chromium下成功测试了HTML5ApplicationCache。例如:CACHEMANIFESThttp://localhost/pycoh-mn... 查看详情

Windows 上的 HTML5 地理位置比 Linux(Firefox、Chrome、[Chromium])更准确

】Windows上的HTML5地理位置比Linux(Firefox、Chrome、[Chromium])更准确【英文标题】:HTML5geolocationmoreaccurateonWindowsthanLinux(Firefox,Chrome,[Chromium])【发布时间】:2012-12-1014:10:37【问题描述】:我一直在使用HTML5地理定位,并注意到我在Windo... 查看详情

以不同颜色突出显示每个查询关键字

】以不同颜色突出显示每个查询关键字【英文标题】:Highlighteachquerykeywordindifferentcolorsolr【发布时间】:2015-10-2502:31:52【问题描述】:我想用不同的颜色突出显示solr响应中的每个查询关键字。示例查询=\'第一个和第二个\'。我希... 查看详情

Chromium 不会复制数组值

】Chromium不会复制数组值【英文标题】:Chromiumdoesn\'tcopyarrayvalues【发布时间】:2011-05-2114:20:13【问题描述】:我正在使用Webworker处理来自Canvas的像素数组,并在将其返回后-分配给ImageData数组。Firefox运行良好,但Chromium将一个空... 查看详情