Keylines - 随机颜色显示 DOM 元素的边界

发布时间: 编辑:chromegood 0人评论 13245次浏览 Chrome开发者工具插件
直达下载
摘要 : Keylines是一款为网页dom元素, 添加随机颜色描边的扩展程序, 可以让前端工程师快速了解网页布局, 提升开发效率(随机颜色描边的想法蛮酷的~)

Keylines背景介绍

数据可视化就是将数据按照视觉格式,如图形,表格或地图展示数据的过程。这种方法通常被用来从一个数据快照中获取更多的信息,而其他的方法可能需要通过成堆的电子表格和大量的报告来进行储存。随着数据量的迅速增长,比以往更重要的是正确地解释所有的这些信息并快速地做出明智的商业决策。

Keylines简介

Keylines是一个Java工具包,能够用一个快速、简单的方法创建自定义网络可视化。Keylines解放了用户的手,提供更多的自由,它不是一个预先构建的应用程序,使得开发者可以用几行代码改变节点、链接、菜单和添加整函数。该解决方案还包括地理空间整合、时间条、各种布局模式和过滤选项。KeyLines工具包使您可以专门为用户,数据和需要回答的问题设计应用程序。它适用于任何浏览器,设备,服务器数据库。它提供了分步教程,交互式演示和明确记录的API。结合我们的开发人员支持,您将立即发现图表洞察力。

Keylines简介

Keylines使用方法

1.Keylines插件离线安装的方法参照一下方法:老版本Chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页即可。

Keylines使用方法

2.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。

3.Keylines使用方法如下
Keylines使用方法

Keylines的实现原理是为网页dom元素添加了outline属性.

小结

Keylines的实现原理非常简单, 但展示的效果却非常惊艳, 这应该归功于Keylines作者优秀的想法, 很多时候, 优秀的软件并不一定使用了很难掌握的技术, 而是包含了作者优秀的想法~

本文整理自:chrome插件英雄榜。

查看更多

Keylines - 随机颜色显示 DOM 元素的边界下载地址

点击下载Keylines - 随机颜色显示 DOM 元素的边界

转载必须注明来自:https://huajiakeji.com/web-development/2019-08/2845.html

ColorZilla

ColorZilla

0 人评论 32748 次人浏览 4.4分 4.4 分
ColorZilla是一款适用于Google Chrome的扩展程序,它能提取网页色彩,快速调节颜色,可协助网站开发人员和平面设计师处理基本和高级颜色相关的任务,可以称之为chrome颜色吸取插件。
颜色增强工具(Color Enhancer)

颜色增强工具(Color Enhancer)

0 人评论 16334 次人浏览 4.0分 4.0 分
颜色增强工具(Color Enhancer)是一种可自定义的颜色滤镜,可应用于网页以增强颜色的辨识度的谷歌官方浏览器插件。
颜色渐变

颜色渐变

0 人评论 20120 次人浏览 4.0分 4.0 分
颜色渐变是一款可以使用任意两种颜色快速创建出渐变色的谷歌浏览器插件。
下一篇 : viewZzz Tabs
评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?