不吹不擂，APP/WEB/WAP/小程序均可根据外壳颜色调整应用内主题色！产品白挨揍了！

去年那出产品经理提出"根据手机壳适配应用主题色"，攻城狮怒不可遏奋起暴打的闹剧还记得吧！？同为攻城狮的我本应同仇敌忾一起口诛笔伐，但嬉笑过后转念一想，不对呀，这产品经理看似无理的要求，经过我缜密的计算后发现完全可以实现，且有希望推动产品和设计行业来一次小小进步

要练此功，必先**… 别多想，是必先完整的看完此文！我将整个过程分为三个阶段，主要是鉴于时间成本的考量及满足灰度测试的需求：初期、中期、收尾，接下来以 APP 端适配举例说明，前端或其它端均可复用此方案实现！

今天将我的方案分享出来，欢迎大家品鉴批评，更欢迎落地实施，有什么问题均可评论区反馈，共同推动这个闹剧引发的一次小小变革

若您有遇到其它相关问题，非常欢迎在评论中留言，我和其他读者小伙伴们将帮助解决并持续更新至此文，达到帮助更多人的目的。若感本文对您有所帮助请点个赞吧！

---

初期

STEP 1. 获取平台用户手机品牌及型号不难吧？

Field[] fields = Build.class.getFields();
  for (Field f : fields) {
   try {
         String name = f.getName();
         Object value = f.get(name);
         String brand = f.get("BRAND").toString(); 
         String model = f.get("MODEL").toString();
 
        System.out.println("key:" + name + ":value:" + value:" + value);
  } catch (IllegalAccessException e) {
    e.printStackTrace();
  }

smartisan
坚果 Pro 2
// 省略其它无关紧要数据

STEP 2. 导出平台用户使用的手机类型中排名前十的品牌和型号，请运营同事根据品牌和型号在官网/京东/天猫/淘宝搜索一下不难吧？

STEP 3. 请运营同事用吸管（PS）吸色保存下色值不难吧？

STEP 4. 服务端存储品牌+型号+对应的色值不难吧？

STEP 5. 客户端通过接口上传手机品牌+型号获取下对应的【色值】不难吧？获取后本地缓存并全局设置不！难！吧！

中期

使用此方案，100%覆盖平台用户的移动端应用主题色

后期

预计IOS问题不大，但Android 中手机品牌及型号繁多，适配难免出现问题，特殊机型针对解决即可！I

---

之后，前端各端（WEB+WAP+各厂小程序）通过JS获取所需信息并复用此方案和前期已经有所准备的数据，就能实现所有端的适配（提个醒：即使是PC端同样可以呦，你细品！）

若您有遇到其它相关问题，非常欢迎在评论中留言，我和其他读者小伙伴们将帮助解决并持续更新至此文，达到帮助更多人的目的。若感本文对您有所帮助请点个赞吧！