如何让chrome变成arc风格

macOS 终极折腾：将 Chrome 暴力改造为 Arc 浏览器

如何让Chrome浏览器变成Arc浏览器风格

声明：本项目仅适用于 macOS 环境，依赖 Hammerspoon 自动化脚本。

Arc 浏览器的更新步伐已经放缓，与其等待施舍，不如自己动手。本文旨在通过“扩展组合 + 自动化脚本”的方式，在 Chrome 上复刻 Arc 的核心交互体验。

核心目标功能矩阵：

1. 动态侧边栏：鼠标滑向屏幕左侧边缘时自动唤出/隐藏标签栏（基于 Vertical Tabs + Hammerspoon 边缘监听）。
2. MRU 标签切换：使用 Control+Tab 在最近使用的两个标签页间快速跳转（基于 QuicKey 实现了 Chrome 原生缺失的 MRU - Most Recently Used 功能）。
3. 极简新标签页：摒弃冗余元素，还原纯净的新标签页体验。
4. 自动化标签组：基于域名的自动分组管理（利用 Tabee 的正则匹配规则）。

---

0x01 技术栈准备 (Tech Stack)

要实现这一套“伪 Arc”体验，我们需要以下组件协同工作：

浏览器扩展 (Extensions)

1. Vertical Tabs

   • 作用：提供垂直标签栏 UI，是视觉复刻的核心。
   • 

2. Tabee: Tab Modifier

   • 作用：强大的标签页管理工具，用于实现自动化的标签分组规则。
   • 

3. QuicKey - The quick tab

   • 作用：接管标签切换逻辑，实现类似 IDE 的 MRU (最近使用) 切换体验。
   • 

4. New Tab (或其他类似极简插件)

   • 作用：覆盖 Chrome 默认臃肿的 NTP (New Tab Page)。
   • 

自动化引擎

• Hammerspoon: macOS 上的自动化神器，我们将用它来桥接鼠标事件和键盘映射。
  • 官方下载: hammerspoon.org

---

0x02 核心配置 (Configuration)

前置条件：为了获得最佳沉浸体验，建议在“全屏幕 (Full Screen)”模式下使用浏览器。

Phase 1: 扩展快捷键映射

我们需要将扩展的功能暴露给系统级的快捷键，以便 Hammerspoon 调用。

1. 配置 Vertical Tabs 侧边栏热键

我们需要一个“触发器”来开关侧边栏。这里我们将其绑定为 Cmd+S。

• 进入 Chrome 扩展程序管理页面 (chrome://extensions/shortcuts)。
• 找到 Vertical Tabs，设置“切换侧边栏”的快捷键。

• Vertical Tabs 内部推荐配置（兼顾美观与功能）：
  

2. 配置 MRU 切换热键 (QuicKey)

Arc 的精髓之一是 Ctrl+Tab 在两个最近页面间横跳。Chrome 默认是线性切换，我们利用 QuicKey 修正它。

• 将 QuicKey 的 "Switch to the previous tab" 快捷键设置为 Control+Q。
• (注：稍后我们将用 Hammerspoon 拦截 Control+Tab 并重定向为 Control+Q)

Phase 2: 注入 Hammerspoon 脚本

这是灵魂所在。我们将通过 Lua 脚本实现两个核心逻辑：

1. Key Remap: 拦截 Ctrl+Tab，发送 Ctrl+Q。
2. Mouse Watcher: 监听鼠标位置，当光标停留在屏幕左边缘（< 2px）时，自动发送 Cmd+S 唤出侧边栏；离开特定区域（> 380px）时自动关闭。

部署步骤：

1. 点击菜单栏 Hammerspoon 图标 -> Open Config。
   

2. 粘贴以下经过调试的 init.lua 脚本（v29.1 最终版）：

-- ⚙️ Hammerspoon 合并脚本 (v29.1 - "逻辑确认" 最终版)
-- 1. Google Chrome: Ctrl+Tab → Ctrl+Q
-- 2. Google Chrome: 左边缘悬停 → Cmd+S
-- 3. Google Chrome: 离开左边缘 > 380px → 再次 Cmd+S
-- 4. 增强的自动恢复机制 (eventtap 监控 timer)-- ----------------------------------------------------------
-- 🧩 模块加载
-- ----------------------------------------------------------
local eventtap = hs.eventtap
local keycodes = hs.keycodes
local appWatcher = hs.application.watcher
local caffeinate = hs.caffeinate
local timer = hs.timer
local mouse = hs.mouse
local app = hs.application
local screen = hs.screen
local alert = hs.alert
local console = hs.console-- ----------------------------------------------------------
-- 🧩 全局配置
-- ----------------------------------------------------------
local APP_NAME = "Google Chrome"
local keyTap = nil
local mousePoller = nil
local totalEventCount = 0
_G.inSwitchingGracePeriod = false
_G.mouseLastHeartbeat = timer.secondsSinceEpoch()
local DEBUG = true-- ----------------------------------------------------------
-- 🧩 v29: 核心函数 - 提前声明
-- ----------------------------------------------------------
-- 必须提前声明所有互相调用的函数
local log, areServicesRunning, startServices, stopServices, restartServices
local createKeyTap, createMousePoller, resetEdgeState, triggerSave
local mousePollCallback, setGracePeriod-- ----------------------------------------------------------
-- 🧩 v29: 核心函数 - 定义
-- ----------------------------------------------------------log = function(message)if DEBUG thenprint("[HS Debug] " .. message)end
endareServicesRunning = function()local keyTapRunning = keyTap and keyTap:isEnabled()local mousePollerRunning = mousePoller and mousePoller:isRunning()return keyTapRunning, mousePollerRunning
endstartServices = function()local keyTapRunning, mousePollerRunning = areServicesRunning()if not keyTapRunning thencreateKeyTap()if keyTap thenkeyTap:start()log("KeyTap service started")endendif not mousePollerRunning thencreateMousePoller()if mousePoller thenmousePoller:start()log("MousePoller service started")endend
endstopServices = function()if keyTap and keyTap:isEnabled() then keyTap:stop() log("KeyTap service stopped")endif mousePoller and mousePoller:isRunning() then mousePoller:stop() log("MousePoller service stopped")endif resetEdgeState thenresetEdgeState()end
endrestartServices = function()log("Restarting all services...")stopServices()timer.doAfter(0.5, function()startServices()log("Services restarted")_G.mouseLastHeartbeat = timer.secondsSinceEpoch()end)
end-- ----------------------------------------------------------
-- 🧩 脚本 1: Ctrl+Tab -> Ctrl+Q (和 v29 看门狗)
-- ----------------------------------------------------------
createKeyTap = function()if keyTap thenkeyTap:stop()keyTap = nilendkeyTap = eventtap.new({eventtap.event.types.keyDown}, function(event)totalEventCount = totalEventCount + 1-- v29: "看门狗" 逻辑local frontApp = app.frontmostApplication()if frontApp and frontApp:name() == APP_NAME and not _G.inSwitchingGracePeriod thenlocal now = timer.secondsSinceEpoch()if (now - _G.mouseLastHeartbeat) > 5 thenlog("[Watchdog v29] keyTap detected mousePoller is DEAD. Rebuilding...")restartServices()endendif not frontApp or frontApp:name() ~= APP_NAME or _G.inSwitchingGracePeriod thenreturn falseendlocal flags = event:getFlags()local keyCode = event:getKeyCode()if flags.ctrl and not flags.cmd and not flags.alt and not flags.shift and keyCode == keycodes.map["tab"] thenlog("Ctrl+Tab detected, sending Ctrl+Q")eventtap.keyStroke({"ctrl"}, "q", 0)return trueendreturn falseend)return keyTap
end-- ----------------------------------------------------------
-- 🧩 脚本 2: 左边缘触发保存 (v29 多屏幕修复)
-- ----------------------------------------------------------
local edgeTimer = nil
local isEdgeActive = false
local EDGE_THRESHOLD = 2    
local EXIT_THRESHOLD = 380  -- 【v29.1 修复】: 已按你的要求修改为 380
local WAIT_TIME = 0.15      
local MOUSE_POLL_INTERVAL = 0.05 triggerSave = function()totalEventCount = totalEventCount + 1local frontApp = app.frontmostApplication()if not frontApp or frontApp:name() ~= APP_NAME or _G.inSwitchingGracePeriod thenreturnendlog("Left edge trigger activated, sending Cmd+S")eventtap.keyStroke({"cmd"}, "s", 0)
endresetEdgeState = function()if edgeTimer then edgeTimer:stop() edgeTimer = nil endisEdgeActive = false
endmousePollCallback = function()_G.mouseLastHeartbeat = timer.secondsSinceEpoch()local frontApp = app.frontmostApplication()if not frontApp or frontApp:name() ~= APP_NAME or _G.inSwitchingGracePeriod thenresetEdgeState()returnendlocal pos = mouse.absolutePosition()local currentScreen = mouse.getCurrentScreen()if not currentScreen then return endlocal screenFrame = currentScreen:frame()local relativeX = pos.x - screenFrame.x if relativeX <= EDGE_THRESHOLD and not isEdgeActive then-- 刚进入边缘isEdgeActive = truelog("Mouse entered left edge, waiting for trigger")edgeTimer = timer.doAfter(WAIT_TIME, function()-- 停留时间到，检查是否还在local currentPos = mouse.absolutePosition()local currentScreenNow = mouse.getCurrentScreen()if not currentScreenNow then isEdgeActive = falsereturn endlocal currentRelativeX = currentPos.x - currentScreenNow:frame().xlocal currentApp = app.frontmostApplication()if currentRelativeX <= EDGE_THRESHOLD and currentApp and currentApp:name() == APP_NAME then-- 【触发 1】: 悬停触发triggerSave()elseisEdgeActive = falseendend)elseif isEdgeActive and relativeX >= EXIT_THRESHOLD then-- 【触发 2】: 离开边缘并超过阈值时触发log("Mouse exited left edge zone ( > 380px)")resetEdgeState()triggerSave()end
endcreateMousePoller = function()if mousePoller thenmousePoller:stop()mousePoller = nilendmousePoller = timer.doEvery(MOUSE_POLL_INTERVAL, mousePollCallback)return mousePoller
end-- ----------------------------------------------------------
-- 🧩 统一的控制逻辑
-- ----------------------------------------------------------
-- 宽限期管理
local graceTimer = nil
setGracePeriod = function(seconds)_G.inSwitchingGracePeriod = trueif graceTimer then graceTimer:stop() endgraceTimer = timer.doAfter(seconds, function() _G.inSwitchingGracePeriod = falselog("Grace period ended")end)log("Grace period started: " .. seconds .. "s")
end-- 立即启动服务 (v29: 现在所有函数都已定义)
startServices()-- Chrome 应用监听
appWatcher.new(function(appName, eventType, appObject)if appName ~= APP_NAME then return endif eventType == appWatcher.activated thenlog("Chrome activated")setGracePeriod(1.5)timer.doAfter(0.5, function()startServices()end)elseif eventType == appWatcher.deactivated thenlog("Chrome deactivated")setGracePeriod(1)timer.doAfter(0.3, function()stopServices()end)elseif eventType == appWatcher.launched thenlog("Chrome launched")setGracePeriod(2)elseif eventType == appWatcher.terminated thenlog("Chrome terminated")stopServices()end
end):start()-- 睡眠唤醒时恢复服务
caffeinate.watcher.new(function(event)if event == caffeinate.watcher.systemDidWake thenlog("System woke up")setGracePeriod(3)timer.doAfter(2, function()restartServices()if app.frontmostApplication():name() == APP_NAME thenlog("Woke into Chrome, services restored")endend)elseif event == caffeinate.watcher.systemWillSleep thenlog("System going to sleep")stopServices()end
end):start()-- ----------------------------------------------------------
-- 🧩 启动时初始化
-- ----------------------------------------------------------
timer.doAfter(2, function()local frontApp = app.frontmostApplication()if frontApp and frontApp:name() == APP_NAME thenlog("Initialized in Chrome")startServices()elselog("Initialized (not in Chrome)")endsetGracePeriod(2)
end)-- ----------------------------------------------------------
-- 🧩 调试命令
-- ----------------------------------------------------------
hs.hotkey.bind({"cmd", "alt"}, "D", function()local keyTapRunning, mousePollerRunning = areServicesRunning()local frontApp = app.frontmostApplication()local status = string.format("[Hammerspoon] 服务状态 (v29.1):\n" .."前端应用: %s\n" .."KeyTap: %s\n" .."MousePoller: %s\n" .."事件计数: %d\n" .."宽限期: %s\n" .."心跳: %s (%.1fs ago)",frontApp and frontApp:name() or "None",keyTapRunning and "运行中" or "已停止",mousePollerRunning and "运行中" or "已停止",totalEventCount,_G.inSwitchingGracePeriod and "是" or "否",os.date("%H:%M:%S", _G.mouseLastHeartbeat),timer.secondsSinceEpoch() - _G.mouseLastHeartbeat)alert.show(status, 5)log("状态检查: " .. status:gsub("\n", ", "))
end)hs.hotkey.bind({"cmd", "alt"}, "R", function()alert.show("强制重启所有服务...", 2)restartServices()
end)log("Hammerspoon Chrome 快捷键服务已加载 (v29.1)")

3. 重载配置：Reload Config，让脚本生效。
   

---

0x03 进阶：Tabee 自动化分组

Tabee 不仅仅是一个标签管理器，它的强大之处在于“规则”。建议自行探索其 Rules 功能，实现类似 Arc 的自动归档体验。

• Geek Tip: 你可以设置正则匹配规则，例如将所有 .*github\.com.* 的页面自动合并到一个名为 "Dev" 的标签组中，保持工作区的井然有序。

---

Happy Hacking! Enjoy your "Arc-ified" Chrome.