绚丽渐变美化网页表格

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

作者
人民的勤务员
日安装量
1
总安装量
96
评分
1 0 0
版本
1.0.0.9
创建于
2024-09-05
更新于
2024-10-20
兼容性
与 Firefox 兼容 与 Chrome 兼容 与 Opera 兼容 与 Safari 兼容 与 Edge 兼容
许可证
MIT
适用于
所有网站
简体中文 | English
👆️访问GitHub 上的自述文件以获得更好的体验。

绚丽渐变美化网页表格

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

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: 定期检查页面中的表格,并自动为未初始化的表格应用渐变色。

使用场景

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

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

  • 网页写入剪辑版授权管理器: 管理网页对剪贴板的写入行为防止未经授权的自动复制和禁用音视频内容预载及自动播放。
  • 解除CSDN登录复制: 去你妈的CSDN登录复制,无需登录即可复制
  • 绚丽渐变美化网页表格: 自动为表格所有列应用颜色渐变来美化
  • 网页高亮关键字: 对网页上的文字进行高亮显示,如果对你有帮助,可以随意修改使用
  • 网页关键词高亮显示: 在网页上自定义关键词突出显示包括滚动时动态加载的内容
  • 小窗预览: 拖拽链接时在弹出窗口中打开链接,并在打开前提供预览,使用 Edge 的预读技术。同时在小窗口打开时在背后添加亚克力效果,可设置为长按触发.自动记录每个站点的小窗口大小.
  • 移除链接下划线: 移除所有网站上的链接下划线,并动态处理新链接
  • 上下滚动按钮: 在页面右侧生成两个按钮用于滚动页面
  • 置顶和置底按钮: 在所有页面生成两个按钮,一个用于顺滑回到顶部,一个用于持续滚动到底部,再次点击取消滚动到底部

项目与反馈

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

使用帮助

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

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

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

查看所有发布脚本

🔍你可能在找ChatGPT相关脚本

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

  • 网页写入剪辑版授权管理器: 管理网页对剪贴板的写入行为防止未经授权的自动复制和禁用音视频内容预载及自动播放。
  • 解除CSDN登录复制: 去你妈的CSDN登录复制,无需登录即可复制
  • 绚丽渐变美化网页表格: 自动为表格所有列应用颜色渐变来美化
  • 网页高亮关键字: 对网页上的文字进行高亮显示,如果对你有帮助,可以随意修改使用
  • 网页关键词高亮显示: 在网页上自定义关键词突出显示包括滚动时动态加载的内容
  • 小窗预览: 拖拽链接时在弹出窗口中打开链接,并在打开前提供预览,使用 Edge 的预读技术。同时在小窗口打开时在背后添加亚克力效果,可设置为长按触发.自动记录每个站点的小窗口大小.
  • 移除链接下划线: 移除所有网站上的链接下划线,并动态处理新链接
  • 上下滚动按钮: 在页面右侧生成两个按钮用于滚动页面
  • 置顶和置底按钮: 在所有页面生成两个按钮,一个用于顺滑回到顶部,一个用于持续滚动到底部,再次点击取消滚动到底部

🔍你可能在找GitHub相关脚本

  • GitHub 提交信息显示网页视图: 该脚本将 GitHub 上的提交信息转化为 HTML 视图,以更清晰地查看提交详情。它会自动将提交信息列表、提交头部和最新提交信息转化为 HTML 格式,提供更佳的视觉效果和用户体验。
  • GitHub 仓库快速跳转助手: 🤠 GitHub 仓库快速跳转助手,专为帮助用户快速访问自己在 GitHub 上的仓库而设计 。它在导航栏顶部生成一个按钮,点击展开自己的所有仓库,轻松跳转到自己的 GitHub 仓库页面,而无需使用 GitHub 的二级菜单
  • GitHub 文件列表美化器: GitHub 文件列表美化器是一个用户脚本,用于增强 GitHub 仓库中的文件显示效果。它可以为文件和文件夹添加颜色,并将文件类型图标替换为小图像,使得代码库更加易于浏览和管理。按类型为文件添加颜色和图标,在存储库源树中显示小图像以代替文件类型图标
  • Github 代码语言列表显示全部: 扩展 Github 存储库上的语言列表,显示每种语言,而不是将小部分隐藏在“其他”下
  • GitHub 自动确认设备授权: 在GitHub授权页面自动输入授权码与自动确认。
  • GitHub 文件夹下载器: 添加一个下载按钮,允许轻松下载特定的 GitHub 文件夹。
  • Github 复制原始文件 URL 与下载文件: 在每个文件行的末尾添加按钮,以复制原始文件 URL 和下载文件
  • 🤠 Github 增强小助手 仓库显示大小: 🤠 仓库显示大小:在 GitHub 的代码搜索、仓库搜索、议题页面、用户仓库列表和存储库页面上,仓库名称旁边会显示该仓库的大小,方便用户快速了解仓库的规模,优化选择。不活跃开发警告:如果某个仓库在过去六个月内没有更新,系统将在仓库的顶部添加提示,提醒用户该仓库不活跃,并显示最后一次更新的时间。这有助于用户判断仓库的活跃程度和维护状况。仓库内快捷跳转:在浏览仓库时,用户可以方便地查看该用户的所有仓库列表,提供一个快速跳转到不同仓库的入口。用户可以快速找到和访问感兴趣的其他项目,提高工作效率。使用场景:开发者:可以通过显示仓库大小和活跃警告,快速筛选出合适的库进行开发,避免使用不再维护的项目。项目管理者:通过快速跳转功能,便于管理和协调多个项目,提高工作效率。学习者:在学习新技术时,可以更方便地找到相关的开源项目,快速查看项目的活跃程度和规模。🤠
  • GitHub 按日期排序: 将文件排序方式改为日期降序,方便查看最新更新的文件。

🔍你可能在找Google相关脚本

🔍你可能在找GreasyFork相关脚本

🔍你可能在找成人脚本

🔍你可能在找自动翻译

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