Mac平台Chrome页面颜色检测与点击按键自动化方案咨询

Hey there! 我来帮你梳理几个在macOS上搞定这个重复任务的可行思路，都是适合新手起步的方向：

思路1：用AppleScript+系统原生工具（纯原生方案，无需额外软件） #

这个方案依赖macOS自带工具，适合不想装第三方软件的情况：

• 第一步：先拿到目标颜色的准确值
  打开Launchpad里「其他」文件夹的数码测色计，在菜单里把「显示」改成「十六进制」或「RGB」，然后把鼠标移到Chrome网页里的目标颜色上，记下对应的颜色代码（比如RGB的{65, 105, 225}或者十六进制的#4169e1）。
• 第二步：写简单的AppleScript循环检测
  打开「脚本编辑器」（同样在Launchpad的「其他」里），输入类似下面的代码，记得替换成你的颜色值和坐标：

-- 替换成你取样的目标RGB颜色
set targetColor to {65, 105, 225}
-- 替换成Chrome中列表区域的坐标（x,y）和宽高（width,height）
set captureArea to "100,200,800,600"

repeat
    -- 截取指定区域的截图到临时文件
    do shell script "screencapture -R " & captureArea & " -t png /tmp/temp_color_check.png"
    
    -- 分析截图中的颜色
    tell application "Image Events"
        set img to open POSIX file "/tmp/temp_color_check.png" as alias
        -- 这里可以遍历区域内的像素，或者直接检查你知道的可能出现颜色的坐标
        set pixelColor to color of pixel at {50, 50} of img
        close img
    end tell
    
    -- 如果检测到目标颜色，模拟点击和按键
    if pixelColor = targetColor then
        tell application "System Events"
            tell process "Google Chrome"
                -- 替换成目标区域的点击坐标
                click at {150, 250}
                -- 替换成你需要执行的按键，比如return或者command+c
                keystroke return
            end tell
        end tell
    end if
    
    -- 每隔5秒检测一次，可根据需求调整
    delay 5
end repeat

• 关键注意点：
  • 要给「脚本编辑器」权限：打开「系统偏好设置」→「安全性与隐私」→「隐私」→「辅助功能」，把脚本编辑器添加进去。
  • 坐标需要自己校准：可以用Xcode自带的Accessibility Inspector（如果没装Xcode，也可以用第三方小工具比如Snip）来获取Chrome窗口内元素的准确坐标。

思路2：用Automator搭建可视化工作流（新手友好，无需写太多代码） #

如果觉得直接写AppleScript有点麻烦，Automator的可视化操作会更友好：

• 打开Automator，新建「应用程序」类型的文档。
• 从左侧动作库拖入「等待」动作，设置等待时长（比如5秒）。
• 再拖入「运行AppleScript」动作，把上面的AppleScript代码粘贴进去，调整好参数。
• 点击右上角的「运行」测试没问题后，保存成应用程序，双击就能后台执行循环检测了。

思路3：用Chrome用户脚本（最精准的网页内方案，强烈推荐） #

这个方案直接在Chrome网页里操作，不需要系统级权限，检测颜色也更准确，因为是直接读取网页元素的样式：

• 先给Chrome装个Tampermonkey插件（Chrome应用商店里搜得到），它能帮你自动运行自定义脚本。
• 打开目标网页，点击Tampermonkey图标→「创建新脚本」，替换成下面的代码（记得修改颜色值和元素选择器）：

// 替换成你要检测的目标颜色（可以是十六进制或RGB）
const targetColor = '#4169e1';
// 替换成网页列表项的CSS选择器，比如你的列表项class是"list-item"就写'.list-item'
const listItemSelector = '.list-item';

// 每隔5秒检测一次
setInterval(() => {
    // 获取所有列表项
    const items = document.querySelectorAll(listItemSelector);
    
    items.forEach(item => {
        // 获取元素的实际背景色（根据你的需求改成color就是文字颜色）
        const currentColor = getComputedStyle(item).backgroundColor;
        
        // 把RGB转成十六进制方便对比（或者直接对比RGB字符串）
        const rgbToHex = (rgb) => {
            const parts = rgb.match(/\d+/g);
            return `#${parts.map(x => parseInt(x).toString(16).padStart(2, '0')).join('')}`;
        };
        
        if (rgbToHex(currentColor) === targetColor) {
            // 点击该列表项
            item.click();
            // 模拟按键，比如按下回车键
            const keyEvent = new KeyboardEvent('keydown', { key: 'Enter', bubbles: true });
            document.dispatchEvent(keyEvent);
        }
    });
}, 5000);

• 保存脚本后，打开目标网页，脚本就会自动后台检测，一旦发现目标颜色就执行点击和按键操作，完全不用管系统级的设置，非常省心！

新手推荐优先级 #

强烈先试思路3，因为网页内直接操作的准确率最高，也不需要处理系统权限和坐标校准的麻烦；如果因为网页限制不能用用户脚本，再考虑思路1或2。

内容的提问来源于stack exchange，提问作者jensn