這陣子為了克服電腦背光的傷害，使用大尺寸螢幕保護眼睛，從距離約 2 公尺處看螢幕，得將作業系統縮放比例設定為 200% 以上，字體也須放大、設粗體，眼睛看起來才舒服。
而開瀏覽器時經放大比例後，不可避免網頁的可視範圍會少很多，對於文章為主的網頁，可利用「Reader Mode」這樣的外掛，配合瀏覽器的全螢幕模式，來聚焦文章內容、排除冗雜區塊。
至於我常用的 Google 試算表，Reader Mode 外掛起不了作用，需要另外研究如何優化版面。本篇會說明如何隱藏 Google 試算表的選單、工具列、公式列等區塊，以及如何使用自動化操作，讓工作表區域的面積、能顯示的儲存格數量最大化。
(圖片出處: chatgpt.com)
一、官方提供的隱藏功能
關於基本操作，瀏覽器與 Google 試算表提供了一些功能，可以隱藏部份區塊。上圖供對照以下內容：
1. 隱藏選單在 Google 試算表頁面，按快速鍵 二、使用自動化程式套件
1. 手動操作不方便了解以上基本操作後，在試算表頁面如果想讓工作表區域的面積、能顯示的儲存格數量最大化，必須進行以下操作：- 操作滑鼠進行多次點擊，來隱藏「公式列」區塊
- 操作滑鼠執行試算表的「全螢幕」選項，來隱藏「選單」+「工具列」區塊。
- 按 F11 進入瀏覽器的全螢幕模式
- 想辦法找出偵測全螢幕狀態的方法(原理比較複雜，會另寫一篇說明)
- 手動按 F11 進入全螢幕狀態
- 當偵測到全螢幕模式時，Google 試算表頁面自動隱藏選單+工具列+公式列
三、操作範例
了解前述原理後，以下進行 User JavaScript and CSS 的設定：
1. 基本設定參考上圖：
- Rule name：填入標題，例如「Google 試算表全螢幕」
- URL patterns：填入網址(可使用萬用字元)，例如「https://docs.google.com/spreadsheets/*」
@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 試算表」相關技巧：