關於 Google Chrome 中的全屏模式和 APP 模式

前言：我一直在糾結這篇文章是否應該歸類在「前段開發」的範圍內，哈哈！

前段時間作了一個項目，涉及到一個要全屏模式去訪問網頁的需求，由於 Google Chrome 的效率不錯，並且專門爲 Chrome 作網頁也省事許多，因此就在網上找如何讓 Chrome 在容許的時候直接全屏模式。還覺得會是 fullscreen 之類的參數，沒想到參數名還挺偏的。

正巧最近和同事說到這個時，同事告訴我還有一個 APP 模式，也能夠用來知足一些特殊需求，今晚都嘗試了一下，二者之間有各自的用途，說說個人想法吧。

 

全屏模式：kiosk

這個單詞很很特殊吧？沒錯，它實際上是從「報刊亭」引伸出的一直「自助服務亭」的意思，是否咱們能夠理解爲，kiosk 模式就是去掉用戶可操做的界面，僅僅給用戶一個和服務有關的界面呢？直接猜測。

默認全屏打開一個網頁呢，只須要在快捷方式中加上 --kiosk [url] 就能夠了，以下圖：

關於全屏模式，有幾點須要注意：

一、全屏模式下，廣告插件（例如 adblock）是有做用的，因此目標頁面的一些樣式名稱、url 地址，都同樣要注意避免 ad 字樣；
二、全屏模式下，按 F11 是不會退出全屏的，鼠標移動到屏幕上方也不會提示退出全屏；
三、全屏模式下，是沒有關閉按鈕的，除非用戶懂得 ctrl+w 能夠關閉，不然本身在網頁上加入退出菜單；
四、全屏模式下，是有多標籤的，當你在頁面中使用了 target=」_blank」 打開一個新標籤頁以後，用戶雖然看不出來，可是，關閉了一個，會顯示出原來的頁面，因此應該儘可能避免新窗口打開；
五、若是當前運行着其它的 Chrome 窗口，那麼全屏化打開是無效的，會直接在現有的 Chrome 以新標籤的方式打開；
六、全屏模式下，按 ctrl+shift+b 快捷鍵是沒法調出書籤欄的；

以上是開發中可能會遇到的一些疑難雜症，看成一份總結。

 

應用模式：APP

APP 模式這個就比較正常了，APP 也是近年來一個很火的概念，動不動就「作個APP」，呵呵。
APP 模式的參數相對通俗易懂一些，在快捷方式後面追加 --app=[url] 便可，以下圖：

關於 APP 模式，有幾點須要注意的：

一、同上，在 APP 模式中，廣告插件是有做用的，須要注意樣式名和 url 地址中不要包含 ad 字樣；
二、APP 模式在啓動以後，呈現一個豎屏的效果，寬度並不等於用戶的屏幕寬度，可是是可調的，也有最大化按鈕，而且在下次啓動時，會延續上次的寬度；
三、APP 模式中一樣是沒有地址欄、沒有工具欄、沒有書籤欄的，快捷鍵也沒法調出；
四、APP 模式下，系統任務欄的圖標會變成網頁的 favicon 圖標，並且窗口標題沒有了 Google Chrome 的字樣；
五、APP 模式下，是沒有多標籤的，當網頁中出現 target=」_blank」 須要在新窗口打開時，會調用或啓動默認瀏覽器來打開目標網址，用戶會從 APP 模式中脫離；

這幾條也是在使用時發現的一些問題，或者說是須要注意的地方，但願之後在開發的時候多注意，別走彎路。

 

最後

一如既往的來幾句結尾。 這兩個特殊模式，都有必定的用途，好比作企業內部網站時，好比作個觸摸屏應用時，等等，至於在什麼狀況下用什麼模式，固然要看需求而定，只是在使用的時候須要注意以上的問題。