Google 試算表隱藏選單+工具列+公式列﹍讓工作表區塊最大化，瀏覽效果最舒適

這陣子為了「克服電腦背光的傷害，使用大尺寸螢幕保護眼睛」，從距離約 2 公尺處看螢幕，得將作業系統縮放比例設定為 200% 以上，字體也須放大、設粗體，眼睛看起來才舒服。 而開瀏覽器時經放大比例後，不可避免網頁的可視範圍會少很多，對於文章為主的網頁，可利用「Reader Mode」這樣的外掛，配合瀏覽器的全螢幕模式，來聚焦文章內容、排除冗雜區塊。 至於我常用的 Google 試算表，Reader Mode 外掛起不了作用，需要另外研究如何優化版面。本篇會說明如何隱藏 Google 試算表的選單、工具列、公式列等區塊，以及如何使用自動化操作，讓工作表區域的面積、能顯示的儲存格數量最大化。 (圖片出處: chatgpt.com)

一、官方提供的隱藏功能

關於基本操作，瀏覽器與 Google 試算表提供了一些功能，可以隱藏部份區塊。上圖供對照以下內容： 1. 隱藏選單 在 Google 試算表頁面，按快速鍵 Ctrl+Shift+F 可切換隱藏、顯示「選單」區塊。 2. 隱藏公式列 在 Google 試算表頁面，點擊選單「查看」→「顯示」→「公式列」，可切換隱藏、顯示「公式列」區塊。 3. 試算表全螢幕功能 在 Google 試算表頁面，點擊選單「查看」→「全螢幕」，可隱藏「選單」+「工具列」區塊。 4. 網頁全螢幕功能 網頁只要按 F11 都可進入全螢幕狀態，可隱藏「網址列」+「書籤列」區塊。

二、使用自動化程式套件

1. 手動操作不方便 了解以上基本操作後，在試算表頁面如果想讓工作表區域的面積、能顯示的儲存格數量最大化，必須進行以下操作：

• 操作滑鼠進行多次點擊，來隱藏「公式列」區塊
• 操作滑鼠執行試算表的「全螢幕」選項，來隱藏「選單」+「工具列」區塊。
• 按 F11 進入瀏覽器的全螢幕模式

以上流程只要每次重啟瀏覽器後，進入試算表時都得重新做一次，其實沒有那麼方便，因此我構思著如何讓這流程自動化。。 2. 自動化操作原理 我常使用的 Chrome 套件「User JavaScript and CSS」，可以編寫 Javascript 及 CSS，進入特定網頁後自動執行。 只要能將進入 Google 試算表網頁後，要進行的所有動作程式化，就能利用「User JavaScript and CSS」這個套件實現。 3. 程式處理邏輯 要將前面所有手動操作的流程程式化，我的處理邏輯如下：

• 想辦法找出偵測全螢幕狀態的方法(原理比較複雜，會另寫一篇說明)
• 手動按 F11 進入全螢幕狀態
• 當偵測到全螢幕模式時，Google 試算表頁面自動隱藏選單+工具列+公式列

三、操作範例

了解前述原理後，以下進行 User JavaScript and CSS 的設定： 1. 基本設定 參考上圖：

• Rule name：填入標題，例如「Google 試算表全螢幕」
• URL patterns：填入網址(可使用萬用字元)，例如「https://docs.google.com/spreadsheets/*」

2. 填入程式碼 上圖的程式碼區塊，左側可填入 Javascript，右側可填入 CSS。 剛好本篇的概念用 CSS 就能完成，不需要動到 JS，範例程式碼如下： @media all and (display-mode: fullscreen) { #docs-chrome { display: none; } } @media not all and (display-mode: fullscreen) { #docs-chrome { display: block; } } 填寫完畢後按「Save」即可。 3. 執行效果 之後只要開啟 Google 試算表頁面：

• 按 F11 進入全螢幕狀態後，會自動執行 CSS，隱藏選單+工具列+公式列，方便瀏覽工作表、儲存格區塊
• 按 ESC 離開全螢幕狀態後，會自動顯示選單+工具列+公式列，方便一般作業

更多「Google 試算表」相關技巧：