Zen Browser

受 Arc 瀏覽器啟發嗎？
Firefox 基底
似乎可以在 Mac 上內建完成 ShyFox 的目標？
- 可以搭配 Sidebery 嗎？還是不需要？
  ↑應是不需要 Sidebery 了（要搭配也行）

20241225 的使用畫面：

漸層色的視窗邊框
介面全部隱藏 ♥

優於 Fx

讓調整 Fx 介面重新變得容易
1. 內建將介面全部自動隱藏，即裝即用，且有人全力維護及測試各環境最棒了
2. 細部調整介面的 Mods
彈出視窗也可以完全隱藏標題列
統一的快捷鍵設定頁
內建 Split View

試用

20241219 全新 profile

Landing Page 歡迎畫面：

Calmer Internet
1. 選自己主色
2. 選亮暗
3. 選 toolbar，我先選 collapsed
匯入其他瀏覽器資料竟然只有抓 Chromium 系的，沒有 Fx 系的。現在 Fx 系這麼不受重視了嗎？
不會自動偵測系統語言，但可自選
有什麼自動隱藏的嗎？
1. 要額外裝才有？Sidebar Expand on Hover - Zen Mods okay 有了
2. 真正的在這裡
分頁列預設右邊垂直，有原生 Fx 預覽小圖
網址列也是 focus 會放大的，類似 Arc 和 ShyFox。看來 Arc 影響很大！雖然中斷了
裝了 Fx 官方佈景主題，例如 Colour mosaic，但似乎只能影響網址列內的文字色彩了，介面都不受影響
裝一些官方 mod/theme
Compact Mode 哪裡弄啊？不夠友善
→ 總算在設定頁面的 外觀與樣式 → 主題設定 找到「緊湊」了
不過我不會苛責，因為瀏覽器原生的自動隱藏太好了，比 ShyFox 效果更好
- 在一般視窗、最大化、全螢幕都運作良好 ♥
也有自己全套的快捷鍵、分頁管理、Zen Mods 設定頁面，比 Fx 官方好
- 不過技術支援、theme、擴充套件都還是吃 Fx 官方的就是了
同步了我的 Firefox 帳戶資料過來 ^[1]，但設定選項及附加元件還不敢同步
~~好像居然沒有 ⌃⇥ 切換分頁？！？！~~ 喔有了，跟 Fx 內建功能一樣
繼續裝幾個 Zen Mod 真的不錯用
【緊湊模式】但 pop-up 視窗的網址列還是一直顯示 #bug
- lose focus 的時候它會不見
第一次關 Fx 讓 Zen 單飛囉！（因為帳密、書籤、瀏覽紀錄這邊都有了）也設為預設瀏覽器好了免得其他 app 又開 Fx
目前覺得 Zen 的 app 圖示有點普通，可惜 🥹

裝 extension

~~適應性變色標題列~~似乎無效甚至會讓網址列變奇怪的顏色所以就先不要用
[p] Stylus + 同步
PopUp（這跟之前 Fx 用的不同）
uBlock Origin

fork Fx profile

20241219 15:33 把該 profile 複製過來（有 5 G 多）並建立 fork
說是舊版的，無法啟動？
```
$ /Applications/Zen\ Browser.app/Contents/MacOS/zen --allow-downgrade &
```
就有開到這個 profile 了
1. 開起來瀏覽狀態、開的視窗都跟 Fx 那邊一樣
2. 會重跑一次 Zen 的迎賓，笑死，結果因為我的搜尋引擎清單太多，捲動不了也選不到下面的按鈕！→ 感謝　神，想說按一下 ⇥ 看看就 focus 到下面的按鈕了呼
對喔，這邊要把 ShyFox 弄掉才行不然會打架
1. 先全部 toggle 掉
2. 停用 Sidebery
3. userChrome.css 裡註解掉 import ShyFox
  → 重開後大致就像樣了，再微調一些狀況
  1. 原分頁列的按鈕放到右下橫的小工具列上～♥
  2. 停用適應性標題列顏色
4. [!] ~~（我故意留著 userContent.css 不動是為了沿用 ShyFox 的 menu icon）~~ 後來還是拿掉了
  - ~~也莫名其妙修好書籤列的高度了~~
Firefox Sync 還跟 Fx 一模一樣，所以裝置名稱要改掉
BetterTouchTool 控制字型變大變小的手勢怎麼沒用了
順便幫這個 profile 測一下 Speedometer 3，結果才 7.45 分？！
改用 Multiple Toolbar 而不用 Collapsed
1. 書籤列的高度就正常了 #bug
奇怪，Themed Toolbar 沒用嗎？
1. 開白天的新 profile 來測試一下
2. 可以很方便地開不同的 profile 出來用，這是 Zen 的德政！♥
3. 原來只能用在非緊湊模式
4. 在測試過程中學會了 Zen 的漸層色彩主題
5. 好了，在 Zen 裡面 Firefox theme 也是名存實亡了
重新啟用 Sidebery 試試
1. 加裝這個 Sidebery - Zen Mods 以後，Zen 的左側分頁列會整個被隱藏
2. 先暫時停用了，那個 mod 會讓 Sidebery 的右邊被遮掉，且好像不是 mod 本身，而是 Sidebery 本身會讓 Clean Urlbar 的精簡樣式失效！
^20241220 目前有一個麻煩：瀏覽器工具箱也會因為「舊版瀏覽器」的關係而無法啟動！
20241222 感謝　神解決了！
- Fx 判斷 profile 相容性的依據是 compatibility.ini，一般的解決是 --allow-downgrade，但這招對瀏覽器工具箱沒有用
- 一直搜尋網路都找不到方法 🫠
- 後來研究不同 profile 有何不同時，偶然發現了 profile 裡有個資料夾 chrome_debugger_profile，怎麼 profile 裡又有 profile？後來仔細看，咦，不就是 Chrome Debugger？那就是瀏覽器工具箱啦，原來它也有自己的 profile，然後也會有 compatibility.ini，開來一看，它的版本資訊果然是 Fx 133，怪不得也會判定 Zen 1.0.2 就是舊版。把這個檔案隨便改名再執行一次瀏覽器工具箱，就好了！
順便看一下超奇怪的「重新啟動後會跑出 2012 Kamsa Jeongkuang 主題色彩」的問題
1. 移掉該佈景主題沒有用
2. 重設 automaticDark 選項沒有用
3. 超怪的，是哪裡寫死了嗎？
4. 稍後試了一下可能是 Firefox Color 所致 ∴把它停用了
嘗試讓 toolbar 套用 theme 色彩
1. 開全新 profile 從頭試試
  - 因為昨天的新 profile 的 toolbar 是有套過 Colour Mosaic 的粉綠的，雖然後來被我亂試試掉了
2. 預設狀況下直接裝 Colour Mosaic 主題，結果工具列是沒有底色的，看來我誤會了，對啦昨天本來也是這樣
3. 那應該是 mod 的效果囉，哪個呢？
  1. 裝了 Cappucin mod，沒啥用
  2. 確認跟 Allow Toolbar Theming - Zen Mods 無關，它只能處理 sidebar
  3. 裝了 Floating toolbar - Zen Mods，floating 是白底，原生 toolbar 仍是灰底，跟周邊顏色一樣
  4. 知道了，原生 toolbar 吃的是 theme color，但這個 color 是 Zen 的原生底色或漸層色，Fx theme 對這部分可能是完全無法
  5. 可是我還是記得昨天有 floating toolbar 是 Colour Mosaic 的粉綠！
    再找了一下原來是這個！！！Matcha - Zen Mods
  - Matcha 有可能是只針對 Light/Dark 這兩個 Fx 內建 theme 處理
所以結論：想讓 toolbar 有色彩
- 要嘛是 floating 配 Matcha
- 要嘛是不要 floating，這樣 Zen theme 漸層色就會套上去了

20241221 發現

無法播放 DRM 內容 ∴Spotify 不可用 🫠

20241223

發現

- 後來研究不同 profile 有何不同時，偶然發現了 profile 裡有個資料夾 chrome_debugger_profile，怎麼 profile 裡又有 profile？後來仔細看，咦，不就是 Chrome Debugger？那就是瀏覽器工具箱啦，原來它也有自己的 profile，然後也會有 compatibility.ini，開來一看，它的版本資訊果然是 Fx 133，怪不得也會判定 Zen 1.0.2 就是舊版。把這個檔案隨便改名再執行一次瀏覽器工具箱，就好了！

另外馬上就用救出來的瀏覽器工具箱，inspect 了一下 container 的 .tab-context-line，讓它寬一些，甚至可以改背景！

#tabbrowser-tabs {
& .tabbrowser-tab {
  & .tab-background {
    & .tab-context-line {
      ...
      width: 100% !important;
      background-image: linear-gradient(to right, var(--identity-icon-color),var(--color-accent-primary));
      }
    }
  }
}

也幫 container 頁籤加上粗色框更顯眼
未載入的分頁的字型恢復之前 Fx userChrome UI font 習慣用斜體
無法度用 container 色水來共網頁邊仔框起來
漸層色可能還是不要用自訂色彩好了，因為不會隨亮暗變化～可惜這部分還不成熟。
- 但用內建色環選色，又很難選到我的特殊顏色 🫠

20241224 今天第一次用 Workspace／工作區

側邊列左右滑可切換
⌃⇥ 無法跨工作區切換
工作區可以設定各自的佈景色彩

20241225

覺得除了 Spotify DRM 內容播不了比較可惜外，這真的是個值得用來取代 Fx 的瀏覽器～但就希望收益充足能持續維護了……
哇，我之前在 Fx 時用到故障的「新同文堂」，剛才試著重新在 Zen 裡安裝，雖然要從頭設定（反正也才一點點），但又可以正常運作了（我主要用在 Wikiwand 網域自動轉換）。Zen Browser 是福星嗎哈 🥹
哇，sidebar 的底部工具列上，有的 extension 按鈕放在那裡的話，一按下去會卡住無法顯示（照理說不應該這樣？因為 Zen 內建的 profile 切換鈕也放那裡）。是因為 Compact Mode 嗎？是。那就沒辦法了，那種按鈕只好放回網址列上了

20241226

👍 在 Zen →← Arc 間把分頁丟來丟去
- 【因應】Threads 在 Firefox 中好一陣子都是很容易會重新整理動態牆（點進串文以後再退出來，動態牆就重新整理了，超難用的！）
  - Arc 好像比較不會這樣
- ∴Zen 這邊裝了 Open With
  - 雖然已是數年的 extension，但安裝 Python 腳本目前有順利完成
  - 然後再新增一個 Arc（/Applications/Arc.app）
  - 成功！
    - 分頁丟過去時會開在一個小視窗，會有提示說按 ⌘O 可開在 Workspace 1
- Arc 那邊要裝一個 External Application Launcher
  - 設定的時候，選 Example 裡的 Open in Firefox (Mac)，然後把 Arguments 改成 -a "Zen Browser" [HREF]
  - 裝好後可以照這裡面教的把工具列按鈕釘選：Extensions in Arc: How to Import, Add, & Open – Arc Help Center
再逛一下 Zen 的 Reddit 看一下人家做什麼介面自訂
- zen.theme.content-element-separation：原來邊框粗細可以調！（狠一點也可以是 0，~~不影響 Zen 的 Compact Mode 運作~~只是側邊列會無法出來）
- browser.tabs.groups.enabled 這個應該是 Fx 內建功能，我之前沒用過，也不知道好不好用
- 看到了 catppuccin/userstyles: 🖌 Soothing pastel userstyles，先用在 Wikiwand 上（theme 先改成 System，然後它的 flavor 就會生效），蠻喜歡的～

20241227 光與暗的爭戰

Wikiwand 的系統主題竟然一直記著暗色，不會自動變亮？！真不知原因為何
- 看來是 Catppuccin 自己的問題，因為不用它的話，Wikiwand 的 System theme 自己是正常切換的
- → 已填 Wikiwand userstyle in "System" theme always renders dark · Issue #1529 · catppuccin/userstyles
- 然後我先做了一個魔改版的 Catppuccin Wikiwand 😆：只留下連結相關變數，剩的都註解掉，這樣就可以繼續用沙漠主題（但夜間就要搭配 Dark Reader 了，且連結文字顏色會跟白天不同，不過沒關係）
- 20241230 修好了

Catppucin 的 Wikiwand theme 自動分辨明暗修好了～但我後來覺得我魔改的「Water」方式也不錯，所以就繼續用「魔改 Catppuccin Water + Desert + Dark Reader」囉

發現原本還會出現的 theme 文字顏色不見了（日間的 Colour Mosaic 會有藍字）← 原來又是 automaticDark 不夠力，沒有自動幫忙打開 🫠 好煩啊，那個 extension 太久沒更新了，只要瀏覽器發生亮暗切換，再切回亮色時，其實它是沒作用的 😢
有時候 Dark Reader 也會自己突然把網頁變暗，說是系統主題變深色（明明就不是），不知是 Fx 還是 Dark Reader 的問題（我覺得不會是 Zen 自己的問題）
以上問題有可能是因為昨天我裝了 Adaptive Theme Color？→ 先停用
這個沒有用，設計得不錯但會一直閃動：Releases · remy/light-dark-switcher
搜尋了一下 Firefox Add-ons，還是沒有其他更好更新自動切換亮／暗不同主題的擴充套件。Fx 把自己搞到這麼衰弱真的是抾捔khioh-ka̍k
然後看 automaticDark GitHub 也是問題一堆修不好了 😢

20241229：第一次真的用 Split View

發現用熱鍵比較方便
堪用，也美觀
可以取代 Tiled Tabs 了

20241230

Catppucin 的 Wikiwand theme 自動分辨明暗修好了～但我後來覺得我魔改的「Water」方式也不錯，所以就繼續用「魔改 Catppuccin Water + Desert + Dark Reader」囉

20241231

今年最後一天來試玩這個：Bob, a command palette for your browser.，類同於 Alfred
發現 Fx 原來內建直接新增搜尋引擎，這麼多年都沒發現……
這不錯：Wikipedia Shortcut
在網址列打 wik 再加上 -xx（語言代碼）就能直接搜尋不同語言的維基百科，讚，正是我要的！

20250102

善用 Glance，設定 BetterTouchTool 觸控手勢完全不用鍵盤操作！
- 「⌥+點一下」打開 ← BetterTouchTool 設定「2 指 click」
- ⎋ 關閉 ← 設定~~「4 指點 2 下」~~「觸控板左中點 1 下」

20250103 今天開始來 #抓方向鍵無反應的戰犯

20250104 晚上就抓到問題了，也得知 Twilight 有修好，感謝　神！
20250106 這兩天快樂地先用 Twilight t.16

20250109

續用 Twilight t.16 中，不過它不時還會推送更新（版號不變）
- 目前都不會想開 Zen 本版，不想處理 profile 版本的麻煩，想說等 Zen 本版也更新解決方向鍵問題後再回去用
昨天用了一下 Arc（因為 Zen 不能播 Spotify 的關係，我選擇開 Arc），發現有些功能真的是典範值得 Zen 學習：
- 更完整的 Split View 功能，可以直接搜尋選擇要加入的分頁
- Boost 原來好用到可以改變網站的色調～我之前只有換 Spotify 的字型，昨晚玩了一下色調；FB 也能試試，真讚
- 到底為什麼 Arc 要停止 QQ 祝福 Zen
雖然 Zen 還不是完美的，但確實用起來很開心，介面剩下網頁及細細的漸層彩色邊框感覺就很舒服

20250112

今天新的 Beta 終於出來了：1.6b，終於可以回來用 Zen 主線了
所有的搜尋引擎怎麼突然不見了？
- 從 Fx profile 把去年 10/3 的 search.json.mozlz4 複製回來（現有的先更名備份）才回來
- 現有的真的不明原因毀了

20250113～14

弄了（Mod）Tab Number 的自訂顏色，可以用 CSS 變數，所以我看瀏覽器工具箱裡有 lwt-／zen- 且比較會隨亮暗變化的變數來用，試了幾下
對於 Custom Statusbar（Mod）也比照辦理～底色用 --zen-main-browser-background 就能援用美美的工作區漸層色啦！♥

抓方向鍵無反應的戰犯

參考之前 Fx 的做法，到 about:support 中備份目前啟用的擴充套件清單
- 貼到 Excel 裡來與之前啟用的套件比對，標上一些之前沒收錄的
- 在以前用過的 Notion 清單中註記好這次有啟用的套件
- 增加好這次要追蹤的重新啟用順序欄、備註欄
開始動工了，先留 Stylus 其他都停用
1. 主題變全黑了？
2. 即使只啟用 1 個擴充套件這樣就已經不行了？😱
3. 完全關閉 Zen 再重開來用用看，好像比較正常
4. 但背景漸層色意外地完全還原了 😅
^{20250104 4:15} 才重新啟用了 3、4 個擴充套件就搞不定了……連非常需要的 Dark Reader、閃耀拖曳都過不了關，有可能需要用新的 profile 試試了……
1. ^9:57 若只是 Dark Reader 的問題的話……
2. ^20:01 用之前的新 profile
  1. 裝了一個仿的 Dark Reader（Lights Off - Free），結果馬上方向鍵就掛了
    → 停用以後馬上就好了
  2. 裝正牌 Dark Reader：倒是暫時還好
    → 不久後就出問題
  3. 重新啟動後是好的，一開 Dark Reader 設定視窗後馬上就壞了
3. 主 profile 發生了 1 個視窗沒問題、1 個視窗有問題 ><
  1. 大概找到原因了：任何視窗只要開過工具列按鈕的小框（e.g. Dark Reader 的、Stylus 的……），那個視窗裡方向鍵／Tab 鍵就會失效
所以之後要試的是：
1. 非 Compact Mode 的 Zen 會這樣嗎？
  1. 主 profile 不會
  2. 新 profile 不會
  3. 換用 Floating Toolbar + Compact Mode 也沒幫助
2. Fx 會這樣嗎？

Compact Mode 算是我用 Zen 的核心價值，所以一定要回報修好，不然我可能得回去用 Fx + Flexbox 了
Okay 已知問題：arrow keys not working after interacting with an extension · Issue #2743 · zen-browser/desktop
主要開發者說 Twilight 1.6t 有處理 → 馬上來下載
一邊先把擴充套件都啟用回來了，都不是它們的錯
Twilight 總算下載好了，裝起來，會共用同一批 profile → 解決了！！！♥ 感謝　神！！！🥹

Bugs

無法播放 DRM 內容 ∴Spotify 不可用 🫠
偶發性，方向鍵會沒有反應，要重開才恢復正常
後來修好了！
{ #6b7f1d}
Split View 的垂直 resize 不見了？
- 最早開始用 Zen 時是有的
- 20250106 今天在 Twilight 1.6t 就沒了
- Split view can't be resized vertically when bookmarks sidebar is open · Issue #2761 · zen-browser/desktop
- 快修好了？Fix split view splitters being offset by sidebar by vintydong · Pull Request #4088 · zen-browser/desktop

我還重設了 Authy 的 2FA 驗證碼，因為整個要改用行動端了 ↩︎