前言:我一直在糾結這篇文章是否應該歸類在「前段開發」的范圍內,哈哈!
前段時間做了一個項目,涉及到一個要全屏模式去訪問網頁的需求,因為 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 模式中脫離;
這幾條也是在使用時發現的一些問題,或者說是需要注意的地方,希望以后在開發的時候多注意,別走彎路。
最后
一如既往的來幾句結尾。
這兩個特殊模式,都有一定的用途,比如做企業內部網站時,比如做個觸摸屏應用時,等等,至於在什么情況下用什么模式,當然要看需求而定,只是在使用的時候需要注意以上的問題。