当前位置: 首页 > 知识库问答 >
问题:

获取网站的主色

朱梓
2023-03-14

我正在制作自己的Start/BookmarkPage作为一个业余项目。

我想以一种干净的方式组织我的书签。我喜欢苹果通过请求meta应用程序图标来完成这一工作的方式,所以我制作了一个JavaScript/Ajax/PHP函数来完成这项工作。

然而,当一个网站的头部没有应用程序图标时,我想知道该网站使用的主颜色,就像你在这里看到的那样

safari上的苹果书签(背景有网站的主色)

chrome书签(底部的边框栏有网站的主色)

我搜索了JavaScript函数。没有找到,这意味着我必须自己做一个。我认为它可以通过索引网站的多个html标签(如标题,A标签,按钮等)来完成。

共有1个答案

海新霁
2023-03-14

我不知道苹果是怎么做到的,但如果他们为常见的网站如Facebook和Gmail等使用预设颜色,这将是有意义的。

我不确定做我将要建议的事情是否有助于确定网站的主色调,但你可以(大致)做的是:

  • 获取网站HTML。
  • 抓取css链接和样式标记。要么从响应中创建DOM结构,要么使用parser/regex.
  • 查找它
  • 解析css并查找您感兴趣的元素(您认为将包含其主颜色的元素)
  • 计算所选元素中不同颜色的匹配量

这两种解决方案似乎都很乏味,我不确定JavaScript是否适合。也许您的服务器应该注意这一点,或者使用正常的默认值就足够了(比如蓝色表示Facebook,红色表示YouTube等)

 类似资料:
  • cmf_get_site_info() 功能 获取后台管理设置的网站信息,此类信息一般用于前台 参数 无 返回 array 网站信息

  • 问题内容: 我想使用Java来获取网站的源(安全),然后解析该网站以获取其中的链接。我已经找到了如何连接到该URL的方法,但是然后我如何才能轻松地仅获取源代码,更喜欢作为DOM Document oso来获取我想要的信息。 还是有更好的方法连接到https站点,获取源代码(我很容易做到以获取数据表…非常简单),然后这些链接就是我要下载的文件。 我希望它是FTP,但是这些是存储在我的Tivo中的文件

  • 本文向大家介绍WordPress 获取网站标语,包括了WordPress 获取网站标语的使用技巧和注意事项,需要的朋友参考一下 示例 输出结果 基于这些样本设置

  • 本文向大家介绍WordPress 获取网站标题,包括了WordPress 获取网站标题的使用技巧和注意事项,需要的朋友参考一下 示例 要么 输出结果 基于这些样本设置

  • cmf_get_site_info() 功能 获取后台管理设置的网站信息,此类信息一般用于前台 参数 无 返回 array 网站信息

  • 本文向大家介绍java实现获取网站的keywords,description,包括了java实现获取网站的keywords,description的使用技巧和注意事项,需要的朋友参考一下 获取网站的<meta name="keywords" content="" />和<meta name="description" content="“>关键字和描述内容 实现HTML解析器jsoup 下载jso