2024年9月30日

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

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

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

一、官方提供的隱藏功能

google-sheet-fullscreen-optimization-1.jpg-Google 試算表隱藏選單+工具列+公式列﹍讓工作表區塊最大化,瀏覽效果最舒適 關於基本操作,瀏覽器與 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 的設定: google-sheet-fullscreen-optimization-2.jpg-Google 試算表隱藏選單+工具列+公式列﹍讓工作表區塊最大化,瀏覽效果最舒適 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 試算表」相關技巧:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

沒有留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP