网页渲染的颜色竟然和设定值的不同！Chrome 61+色差解决办法
最近在和设计对UI的时候发现色彩总是对不上。。。
打开屏幕截图工具识色，竟然发现浏览器渲染的颜色和设定值不一样！
这差点让我开始怀疑人生了。。竟然还有这样的Bug
上图可以看到，实际设定rgb(227,109,1)，缺渲染出rgb(211,115,47)，便暗一些。。
百度搜索无果~~开始翻墙Google
很快找到
https://productforums.google....
解释大致是Chrome61开始会遵循显示器上的配置文件。
发现我的连的是双屏显示器（一台Surface Stuido外连Dell的屏幕）可能其中一台的颜色配置文件不相同导致的问题。
打开显示器色彩配置：
好吧~ 另一台显示器无法修改色彩配置，看来只能从浏览器来解决这个问题了。
解决办法（2选1）
方法一：关闭硬件加速，重启后浏览器就恢复正常
方法二：打开chrome://flags/#force-color-profile，将色彩配置设置为sRGB
chrome
前端后花园
前端后花园分享前端技术
推荐阅读
ChatGPT for SegmentFault 插件发布！
ChatGPT for SegmentFault 是一个浏览器插件，帮助你在思否社区查看 ChatGPT 针对每个问题的回答，在你等待人工回答的同时，快速获取到 AI 提供的回答。社区用户间相互帮助会产生更多交流，答案中通常包含一些自...
SegmentFault思否赞 13阅读 1.9k评论 4
图解浏览器的多进程渲染机制
观察浏览器的任务管理器可以发现，打开浏览器的一个页面需要多个进程，包括浏览器进程、GPU 进程、网络进程、渲染进程等，有插件的话还会包括各种插件进程（Chrome 选项 -> 更多工具 -> 任务管理器）。
兰俊秋雨赞 6阅读 1k
前端性能指标
传统性能标准初始化阶段navigationStart：请求开始时间，返回 0unloadEventStart：等于用户代理程序开始前一个文档的卸载事件之前的时间unloadEventEnd：等于用户代理程序完成前一文档的卸载事件之后的时间redire...
散一群逗逼赞 9阅读 1.2k
编写属于自己的音乐播放器
因为以上两个问题，这就导致我们需要对原生的audio进行修改时比较困难。而对于大多数音频的需求，我们可以使用满足我们要求的第三方组件库中选择，如：
九旬赞 6阅读 641评论 1
浏览器截图方案分析
浏览器截图方案分析页面截屏是前端经常遇到的需求，比如页面生成海报，弹窗图片分享等。以下是我整理三种截图方案：html2canvasdom-to-imagewebRTChtml2canvashtml2canvas 用的比较广泛的前端截图方案，先将 DOM ...
九旬赞 6阅读 492
使用 WebAuthn 告别密码：在线身份保护的未来
随着互联网的普及，我们越来越依赖网络服务来完成日常工作和娱乐。然而，在线身份认证一直是一个棘手的问题，传统的身份认证方式如密码、短信/邮件验证码、 OTP（一次性密码）或双重认证，都存在一些缺点：
Myou_Aki赞 1阅读 1.4k
python3+selenium 测试邮箱自动化登陆
测试腾讯邮箱自动化登陆安装selenium 类安装chromedriver定位腾讯企业邮箱的元素下载chromedriver.exe[链接] {代码...} 右键 “检查” 即可看到定位的元素信息 {代码...} {代码...} 键盘事件: {代码...} 元素等待: ...
台湾省委书记赞 1阅读 2.8k评论 2
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。