本篇文章更新時間：2026/04/03
如有資訊過時或語誤之處，歡迎使用 Contact 功能通知或向一介資男的 LINE 社群反應。
如果本站內容對你有幫助，歡迎贊助支持 。
內容目錄
逃離瀏海暗區：Tailscale 如何用新 UI 解決多年來的 macOS 小痛點
副標：從「圖示被吃掉」到完整的視覺介面，Tailscale 終於找到屬於 macOS 的新家
編輯前言：這篇來自 Tailscale 官方部落格的文章［原文連結見此：https://tailscale.com/blog/macos-notch-escape］，看似在講一個 UI 小 bug，實際上卻透露了 macOS 設計的一些限制、第三方工具的無奈，以及 Tailscale 團隊如何從「補丁」走向「重構」。
核心觀點 (Key Takeaways)
- Tailscale 的圖示會在某些 MacBook Pro 的瀏海下「消失」，造成使用者以為軟體沒有啟動。
- 團隊短期內用系統的 occlusionState 判斷圖示是否被遮蔽，並跳出提醒，雖然不完美，但能降低混亂。
- 真正的解法是推出 全新的 macOS windowed UI，讓使用者不再依賴可能被瀏海吃掉的選單列圖示。
深入解析
文章開頭提到，Tailscale 一直希望自己「幾乎不可見」，但在某些 2021 年後的 MacBook Pro 上，它變得「太不可見」：圖示會剛好掉進瀏海區域，被完全遮住。因為 macOS 不提供「溢位管理」、不允許開發者調整選單列圖示位置，也沒有任何提示機制，Tailscale 收到大量使用者抱怨：
「我的 Tailscale 不見了。」
結果其實不是沒啟動，而是被瀏海擋住了。
- 蘋果的限制：沒有 overflow、沒有 rearrange、沒有提示，甚至不阻止圖示被放到瀏海底下。
- 第三方解法雖然存在：像 Bartender 等工具，但會增加複雜度。
小修補：用 occlusionState 判斷「我是不是被擋住了？」
Tailscale 團隊想到一個 workaround：雖然圖示不能移動，但至少 App 能知道它被遮蔽了，於是跳出提示視窗提醒使用者。
這段 Swift 程式碼也在原文中展示出來，雖然有點土炮，但當時確實救了不少使用者。
不過這提醒仍可能被誤觸，例如蓋上螢幕、換外接螢幕時都可能誤判。
真正的解法：推出全新的 macOS windowed UI
文章最後揭示新版 macOS 用戶現在會預設看到的變化：一個完整視窗化的 Tailscale 介面，並且 與選單列並存。
新 UI 提供：
- 可搜尋的所有 tailnet 裝置列表
- 直接 ping、複製 IP、Taildrop 傳檔等操作
- exit node 搜尋與推薦
- Dock 圖示會顯示紅點錯誤提示
- mini-player 模式
- 新手導覽（product tour）
換句話說：不再依賴選單列的小小圖示，功能也更直覺。
筆者心得與啟發
讀完這篇文章，我其實最有感的是：這不是一篇單純的 UI 更新公告，而是 macOS 設計哲學與第三方 App 之間的緊繃關係縮影。
Tailscale 在這篇文裡很坦白地說了兩件事：
- 蘋果的限制讓開發者有時候只能繞路而不是解決問題。
- 與其等待蘋果鬆綁，不如自己打造一個更好的使用體驗。
這也讓我想到：很多產品的「重新設計」，其實都是從一個小痛點開始累積。Tailscale 的選單列圖示瀏海問題，看似微不足道，卻反映出使用者與開發者的真實困擾。最終，他們用一個更完整的 UI 解決了根本瓶頸。
如果你是軟體開發者、產品設計師，這篇文章的精神很值得學習：
- 當平台限制你，想的不是「抱怨」，而是「繞開這個框架」。
- 有些問題不需要再跟平台拉扯，直接做一個更好的替代方案，反而讓產品更成熟。
而對 Tailscale 用戶來說，這次的 macOS 新界面，也是一個值得期待的進化。