safari触控栏自定义需五步:一、启用编辑模式;二、拖拽调整布局;三、替换128×128黑色png图标并修改cachesettings.plist;四、系统设置中切换为扩展控制条;五、用bettertouchtool绑定applescript实现动态响应。

如果您在使用 Safari 浏览器时发现触控栏(Touch Bar)显示的快捷图标不符合操作习惯,或希望调整其功能布局、图标样式及响应逻辑,则可能是由于系统未启用 Safari 专属触控栏支持、默认控件排列未适配高频操作,或网站图标缓存未按规范更新。以下是解决此问题的步骤:
一、启用 Safari 专属触控栏编辑模式
该步骤确保 Safari 能主动调用内置触控栏控件,并开放用户自定义权限,使地址栏聚焦、刷新/停止、标签页导航等上下文操作可被重新组织。
1、打开 Safari 浏览器,确保其为前台活跃应用。
2、点击菜单栏中的“显示”选项。
3、在下拉菜单中选择“自定触控栏”。
4、触控栏随即进入编辑状态,所有按钮开始轻微抖动,表示已激活拖拽重排功能。
5、此时可在屏幕顶部预览区查看可用控件列表,包括“刷新”、“停止”、“新标签页”、“地址栏聚焦”、“共享”、“阅读器”等。
二、拖拽调整快捷键布局
此方法允许您按需增删按钮、变更顺序,以匹配高频操作路径,所有更改即时生效且不依赖重启浏览器。
1、在“自定触控栏”编辑界面中,将左侧控件列表中的目标按钮(如“刷新”)拖拽至触控栏预览区域任意位置。
2、若需替换现有按钮,直接将新按钮拖至原按钮位置,旧按钮将自动移出。
3、在触控栏预览区域中,用鼠标按住已有按钮并向左或向右拖动,实时调整其横向顺序。
4、若要移除某项,将其从预览区域拖出至屏幕空白处并松开。
5、完成全部调整后,点击屏幕任意位置或按下 ESC 键退出编辑模式。
三、替换网站图标为标准 128×128 黑色 PNG 并修改缓存配置
该方法针对“个人收藏”中网站在 Touch Bar 上显示的图标进行视觉标准化,强制替换为 128×128 像素、透明背景、主体为黑色的 PNG 图标,并规避 Safari 自动缓存覆盖。
1、定位图标缓存目录:~/资源库/Safari/Touch Icons Cache/Images。
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
2、使用 MD5 工具对目标网站域名(如 example.com)进行哈希运算,生成 32 位小写字符串。
3、准备符合规格的 PNG 图标:尺寸为 128×128 像素,背景完全透明,图标内容为纯黑色。
4、将该 PNG 文件重命名为上一步生成的 MD5 字符串,扩展名保持为 .png。
5、打开 ~/资源库/Safari/Touch Icons Cache/CacheSettings.plist 文件,推荐使用 Xcode 或 PlistEdit Pro 编辑,确认 EnableCustomIcons 键值设为 YES。
四、系统级切换触控栏为扩展控制条模式
该设置确保 Safari 在全屏或非全屏状态下均优先调用扩展控制条,而非精简功能栏,从而稳定显示自定义图标集合。
1、打开“系统设置”应用。
2、进入“键盘”设置界面,点击右侧“触控栏显示”选项。
3、在下拉菜单中选择 扩展控制条。
4、关闭并重新打开 Safari 浏览器,验证触控栏是否完整呈现自定义控件。
五、使用 BetterTouchTool 绑定 AppleScript 实现动态图标响应
此方案突破 Safari 原生触控栏静态限制,通过外部工具注入脚本逻辑,实现基于当前网页 URL、加载状态或用户交互触发的图标行为切换。
1、下载并安装 BetterTouchTool 4.0+(需 macOS 13+)。
2、在 BTT 中新建“应用程序特定触发器”,选择 Safari.app 为目标应用。
3、添加“Touch Bar Button”类型动作,设置按钮标题与初始图标路径。
4、在“触发时执行 AppleScript”字段中粘贴脚本,例如判断当前页面是否为 YouTube 并动态切换为“跳过广告”按钮。
5、勾选 “仅当 Safari 前台运行时启用”,保存配置。










