绚丽渐变美化网页表格

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

目前为 2024-10-20 提交的版本。查看 最新版本

作者
人民的勤务员
评分
0 0 0
版本
1.0.0.9
创建于
2024-09-05
更新于
2024-10-20
大小
10.5 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

使用帮助

推荐浏览器和脚本管理器:

  • Greasemonkey + Waterfox
  • Tampermonkey/Violentmonkey + Firefox
  • Tampermonkey/Violentmonkey + Chrome
  • Userscripts + ios Safari
  • Violentmonkey/KiWiBrowser + Android

如果你需要了解更多关于如何安装用户脚本,点击我查看图文教学!

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

查看所有发布脚本

🔍你可能在找ChatGPT相关脚本

🔍你可能在找网页相关脚本

🔍你可能在找GitHub相关脚本

🔍你可能在找Google相关脚本

  • Google 高级搜索: 这是一个为 Google 添加高级搜索表单的用户脚本。它能在页面顶部添加一个可隐藏的高级搜索表单,使您能够更精确地搜索信息。
  • Google 搜索屏蔽指定站点: 在搜索引擎结果中屏蔽特定的站点,帮助用户过滤掉不需要的搜索结果。 自定义输入屏蔽站点。格式-zhihu -baidu 用于屏蔽谷歌搜索内容

🔍你可能在找GreasyFork相关脚本

🔍你可能在找成人脚本

🔍你可能在找自动翻译

  • 外语终结者: 识别非中文字符,如果长度大于 5 且翻译文本中不含中文,则替换为中文,需要可访问google的网络
  • 网页翻译——自动翻译为中文: 给每个非中文的网页右下角(可以调整到左下角)添加一个 google 翻译图标,该版本为中文翻译版本,只把外语翻译为中文,添加自动翻译

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址