Greasy Fork

Greasy Fork is available in English.

绚丽渐变美化网页表格

自动为表格所有列应用颜色渐变来美化

当前为 2024-09-07 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
人民的勤务员
评分
0 0 0
版本
1.0.0.4
创建于
2024-09-05
更新于
2024-09-07
大小
10.0 KB
兼容性
与 Firefox 兼容 与 Chrome 兼容 与 Opera 兼容 与 Safari 兼容 与 Edge 兼容
许可证
MIT
适用于
所有网站

绚丽渐变美化网页表格

「 自动为网页上的表格所有列应用颜色渐变美化. 」

Views

Download:Github | ⭐Greasy Fork

更新记录
  • 2024/9/6 05:41 - Ver: 1.0.0.0 修改为自动渐变色..

绚丽渐变美化网页表格脚本

该脚本会自动为网页中的所有表格应用颜色渐变,无需用户手动点击或操作,基于表格列中的数值大小生成不同的背景色,从而增强表格的视觉效果。

功能特点

  1. 自动应用渐变色:脚本会自动扫描页面中的表格,为每一列中的数据应用渐变色,无需用户手动触发。
  2. 数据驱动的渐变色:根据每一列中数值的最小值和最大值,生成颜色渐变效果,数值越大或越小,背景颜色变化越明显。
  3. 持续检测:脚本每秒检查一次页面,如果有新表格加载,自动为其应用颜色渐变。
  4. 渐变色配置:渐变颜色基于HSL色彩模型,脚本中可调整色调范围(HUE_RANGE)、饱和度(SATURATION)、亮度(LIGHTNESS)等参数。

主要参数

  • HUE_RANGE: 设置渐变色的色调范围,默认值为120度,表示绿色到红色的渐变。
  • SATURATION: 控制颜色的饱和度,默认为80%,提供了明亮的颜色效果。
  • LIGHTNESS: 控制颜色的亮度,默认值为88%,使渐变色柔和且不刺眼。

核心逻辑

  1. extractFirstFloat: 从单元格文本中提取第一个浮点数,忽略非数字内容,确保只使用数值部分生成颜色渐变。
  2. applyGradient: 为每个表格列自动计算最大和最小值,然后根据单元列的数值,生成相应的渐变背景色。
  3. initializeTables: 定期检查页面中的表格,并自动为未初始化的表格应用渐变色。

使用场景

该脚本适用于任何包含网页表格场景,能够自动为网页表格应用颜色渐变,帮助用户快速识别数据的差异,提升表格的可视化效果。

网页相关脚本

项目与反馈

colorful-table-2.png colorful-table.png

使用帮助

更多用户脚本 / 回到顶部↑