← 全部示例

JavaScript 外观 business.facebook.com

为所有状态着色编码

根据状态为状态单元格添加彩色条:启用、暂停、被拒、审核中或学习阶段。

可复制的代码

(function () {
  var MAP = [
    [/active|delivering/i, '#2e7d32'],
    [/paused|off/i, '#9e9e9e'],
    [/rejected|disapproved|error/i, '#d32f2f'],
    [/in review|pending|processing/i, '#f57c00'],
    [/learning/i, '#7b1fa2']
  ];
  function paint() {
    try {
      document.querySelectorAll('[role="gridcell"],[role="cell"]').forEach(function (c) {
        var lbl = (c.getAttribute('aria-label') || '') + ' ' + (c.textContent || '');
        for (var i = 0; i < MAP.length; i++) {
          if (MAP[i][0].test(lbl)) { c.style.boxShadow = 'inset 4px 0 0 ' + MAP[i][1]; return; }
        }
      });
    } catch (e) {}
  }
  paint();
  setInterval(paint, 2500);
})();

如何使用此示例

  1. 用上方按钮复制代码。
  2. 安装 JustZix(2 分钟),在目标页面打开扩展。
  3. 添加一条匹配该页面的新规则。
  4. 将代码粘贴到规则的 JavaScript 面板并保存 — 每次访问页面时都会运行。

为此示例评分

暂无评分 — 成为第一个。

此示例有效吗?

没有可粘贴的地方,代码片段毫无用处。

JustZix 安装只需 2 分钟,并在每个匹配的页面上运行你的代码。无需账户、无需付费。

免费下载 查看应用场景