轉載：關於 Google Chrome 中的全螢幕模式和 APP 模式

標籤：

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

前段時間做了一個項目，涉及到一個要全螢幕模式去訪問網頁的需求，因為 Google Chrome 的效率不錯，而且專門為 Chrome 做網頁也省事許多，所以就在網上找如何讓 Chrome 在允許的時候直接全螢幕模式。還以為會是 fullscreen 之類的參數，沒想到參數名還挺偏的。

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

 

全螢幕模式：kiosk

這個單詞很很特殊吧？沒錯，它其實是從「報刊亭」引申出的一直「自助服務亭」的意思，是否我們可以理解為，kiosk 模式就是去掉使用者可操作的介面，僅僅給使用者一個和服務有關的介面呢？直接猜想。

預設全屏開啟一個網頁呢，只需要在捷徑中加上 --kiosk [url] 就可以了，如：

關於全螢幕模式，有幾點需要注意：

1、全螢幕模式下，廣告外掛程式（例如 adblock）是有作用的，所以目標頁面的一些樣式名稱、url 地址，都一樣要注意避免 ad 字樣； 
2、全螢幕模式下，按 F11 是不會退出全屏的，滑鼠移動到螢幕上方也不會提示退出全屏； 
3、全螢幕模式下，是沒有關閉按鈕的，除非使用者懂得 ctrl+w 可以關閉，否則自己在網頁上加入退出菜單； 
4、全螢幕模式下，是有多標籤的，當你在頁面中使用了 target=”_blank” 開啟一個新標籤頁之後，使用者雖然看不出來，但是，關閉了一個，會顯示出原來的頁面，所以應該盡量避免新視窗開啟； 
5、如果當前運行著其它的 Chrome 視窗，那麼全屏化開啟是無效的，會直接在現有的 Chrome 以新標籤的方式開啟； 
6、全螢幕模式下，按 ctrl+shift+b 快速鍵是無法調出書籤欄的；

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

 

應用模式：APP

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

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

1、同上，在 APP 模式中，廣告外掛程式是有作用的，需要注意樣式名和 url 地址中不要包含 ad 字樣； 
2、APP 模式在啟動之後，呈現一個豎屏的效果，寬度並不等於使用者的螢幕寬度，但是是可調的，也有最大化按鈕，並且在下次啟動時，會延續上次的寬度； 
3、APP 模式中同樣是沒有地址欄、沒有工具列、沒有書籤欄的，快速鍵也無法調出； 
4、APP 模式下，系統工作列的表徵圖會變成網頁的 favicon 表徵圖，而且視窗標題沒有了 Google Chrome 的字樣； 
5、APP 模式下，是沒有多標籤的，當網頁中出現 target=”_blank” 需要在新視窗開啟時，會調用或啟動預設瀏覽器來開啟目標網址，使用者會從 APP 模式中脫離；

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

 

最後

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

轉載：關於 Google Chrome 中的全螢幕模式和 APP 模式