移除 Vivaldi 分頁標籤上的「關閉分頁」按鈕

相信很多人的電腦內都會安裝一個以上的瀏覽器(Firefox, Google Chrome...),而筆者和一些Firefox使用者一樣,非常厭惡分頁標籤上的「關閉分頁」 按鈕,明明已經預設滾輪中鍵可關閉分頁,為何還要保留這個令人費解的按鈕。有人認為這是瀏覽器演化史中如闌尾一般應該被割除的累贅器官。



Firefox挾帶著豐富的套件與自訂性,可輕易去除這個無用器官,而雖然Google Chrome讓我們失望了,但與它同樣使用相同核心(Blink)的Vivaldi卻是這場革命的致勝關鍵。

Vivaldi與其說是個瀏覽器,不如說它本身就是一個「以Html為主體、用CSS裝飾美化、再以JavaScript賦予功能」的網頁,因此修改Vivaldi的UI簡直易如反掌。

1、進入Vivaldi的資料夾,找到browser.html這個檔案。
X:\Users\[name]\AppData\Local\Vivaldi\Application\[Version]\resources\vivaldi\browser.html

2、將下面兩段Html語法插入 <head> </head> 之間
    <link rel="stylesheet" href="style/common.css" />
    <link rel="stylesheet" href="custom.css" />
變成 <!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Vivaldi</title>

    <link rel="stylesheet" href="style/common.css" />
    <link rel="stylesheet" href="custom.css" />

    <link rel="stylesheet" href="style/common.css" />
    <script src="localeSettings-bundle.js"></script>
    <script src="defaultSettingsPlatformSpecific-bundle.js"></script>
    <script src="defaultSettings-bundle.js"></script>
    <!-- XXX gorm 141024: Livereload is removed from here.
         Now added dynamically in development
      -->
  </head>
  <body>
    <script src="bundle.js"></script>
  </body>
</html>



3、於同資料夾新增一個文字檔案,改名為custom.css,加入下面的CSS語法。
.tab .close {
display: none !important;
}
完成後存檔,重新啟動Vivaldi,您就擁有一個沒有「關閉分頁」按鈕的瀏覽器了!

Reference:
How-to-change-vivaldi-browser-default-color-scheme
Vivaldi.net-forum [更多修改範例]

留言

  1. 大感謝!!! 沒想到還有這招!

    回覆刪除
  2. 最新版本可以在 設定>分頁 中選擇是否要顯示關閉分頁按鈕了
    歡呼~

    回覆刪除

張貼留言