Greasy Fork

Greasy Fork is available in English.

绚丽渐变美化网页表格

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

当前为 2024-10-03 提交的版本，查看 最新版本。

如何安装

您需要先安装一个扩展，例如 篡改猴、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.9
创建于
2024-09-05
更新于
2024-10-03
大小
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相关脚本

  • GitHub提交信息显示HTML: 该脚本将 GitHub 上的提交信息转化为 HTML 视图，以更清晰地查看提交详情。它会自动将提交信息列表、提交头部和最新提交信息转化为 HTML 格式，提供更佳的视觉效果和用户体验。
  • GitHub 文件列表美化器: GitHub 文件列表美化器是一个用户脚本，用于增强 GitHub 仓库中的文件显示效果。它可以为文件和文件夹添加颜色，并将文件类型图标替换为小图像，使得代码库更加易于浏览和管理。
  • Github 代码语言列表显示全部: 扩展 Github 存储库上的语言列表，显示每种语言，而不是将小部分隐藏在 “其他” 下
  • GitHub 自动确认设备授权: 在GitHub授权页面自动输入授权码与自动确认。
  • GitHub文件夹下载: 添加一个下载按钮，允许轻松下载特定的 GitHub 文件夹。
  • GitHub下载单文件和复制文件URL: 在每个文件行的末尾添加按钮，以复制原始文件 URL 和下载文件
  • github显示仓库大小: 在Github查看仓库和搜索仓库时显示仓库大小
  • GitHub Sort by Date: 仓库列表文件排序方式改为日期降序，方便查看最新更新的文件。

🔍你可能在找 Google相关脚本

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

🔍你可能在找 GreasyFork相关脚本

🔍你可能在找 相关脚本

🔍你可能在找 成人脚本

🔍你可能在找 自动翻译

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