UC浏览器皮肤的那个坑

HTML5学堂:在之前的一款游戏开发当中,使用小米的UC浏览器查看移动端样式,出现了“不可思议”的现象。明明设置了深红色的文字,硬生生的变成了绿色,让小编大呼“UC简直就是色盲啊~~~”,后来发现UC浏览器的皮肤是这个问题的罪魁祸首。

UC浏览器皮肤的那个坑

小编之前在做一个游戏开发,为了保证代码的兼容性,使用了各种设备进行了测试。结果所有的设备都没有问题,单单在UC浏览器挂掉,挂掉的原因还不是常见的布局问题,而是“颜色”问题。小编当场表示无语中……明明设置的深红色(#CF1C1D),却显示成了绿色~小编已经怀疑自己是色盲了~当然,在怀疑了2秒钟之后,果断怀疑UC浏览器色盲!

之后尝试将CF1C1D的色值修改成了FF0000,在UC当中又显示成了红色,当时一下子就蒙掉了。过了两天,突然发现同事的那个测试手机,针对UC浏览器设置了“皮肤”。于是小编写了如下这个demo:

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML5学堂 - H5course</title>
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <style>
        html {
            font-size: 40px;
        }
        .wrap {
            color: #319080;
        }
        .wrap2 {
            color: #ff0000;
        }
        .wrap3 {
            color: #CF1C1D;
        }
    </style>
</head>
<body>
    <div class="wrap">HTML5学堂</div>
    <div class="wrap2">HTML5学堂</div>
    <div class="wrap3">HTML5学堂</div>
</body>
</html>

设置绿色皮肤 UC浏览器的显示效果

正常白色皮肤下 UC浏览器的显示效果

最终结论,显而易见,UC浏览器的皮肤(不仅仅是绿色)会使最终显示效果受到影响。这个并非是前端代码编写的问题,当然前端也没有办法改变用户的皮肤设置,因此,各位开发攻城狮们,珍爱生命,远离UC~~~

本文章共耗时1.5小时,责任小编:HTML5学堂-堡堡。

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2016-01-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏七夜安全博客

(原创)逆向某停车app

996
来自专栏极客猴

爬取《Five Hundred Miles》在网易云音乐的所有评论

在使用 Ajax 技术加载数据的网站中, JavaScript 发起的 HTTP 请求通常需要带上参数,而且参数的值都是经过加密的。如果我们想利用网站的 RES...

722
来自专栏美丽应用

滚动截图:更人性化的长截图工具

411
来自专栏企鹅号快讯

如何将数据库检索的结果导出?

最近很多同学询问不同的数据库的文献如何导出……老师表示很是不解,这是个很简单的小问题,上课时候也讲过,演示过,可是却是提问频率最高的问题之一。于是,今天就来大家...

2245
来自专栏偏前端工程师的驿站

Windows魔法堂:解决“由于启动计算机时出现页面文件配置问题.......”

一、前言                             昨晚终于在VirtualBox中安装好Win7了,但在系统启动后弹出窗报“由于启动计算机时出...

1758
来自专栏数据派THU

独家 | 手把手教你用Python 3创建用于机器学习开发的Linux虚拟机(附安装教程、代码)

原文标题:How to Create a Linux Virtual Machine For Machine Learning Development With...

1988
来自专栏Aloys的开发之路

Windows日志查看工具合集

希望可以和大家多多交流。 平时在Linux下查看日志,使用tail、grep、find等命令还比较方便,后来需要在Windows中处理一些问题,发现缺少类似的功...

3189
来自专栏张戈的专栏

实测Nginx服务器开启pagespeed加速效果

上周有一个站长问到我一个问题,问 fastcgi_cache 和 pagespeed 加速有没有冲突。略微想了下,2 个都是比较原生的主,应该不存在兼容问题。 ...

3579
来自专栏不二小段

Python性能提升20倍居然不是标题党?

前两天有小伙伴发了篇文章给我,让我验证一下靠不靠谱,标题写着《如何在 i5 上实现 20 倍的 Python 运行速度?》,我看了不以为然,八成又是个标题党。看...

2748
来自专栏FreeBuf

自己动手打造Github代码泄露监控工具

众说周知,Github这块肥肉很受安全人员和黑客关注。因为很多新进程序猿和老手不经意就会把他们的劳动成果分享出来,而往往这种开源精神,奉献精神会对企业带来一定的...

762

扫描关注云+社区