1. 程式人生 > >關於 Google Chrome 中的全屏模式和 APP 模式

關於 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 模式中脫離;

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

最後

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