zoukankan      html  css  js  c++  java
  • 转载:关于 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 模式中脱离;

    这几条也是在使用时发现的一些问题,或者说是需要注意的地方,希望以后在开发的时候多注意,别走弯路。

    最后

    一如既往的来几句结尾。 
    这两个特殊模式,都有一定的用途,比如做企业内部网站时,比如做个触摸屏应用时,等等,至于在什么情况下用什么模式,当然要看需求而定,只是在使用的时候需要注意以上的问题。

  • 相关阅读:
    Java Spring Boot VS .NetCore (十) Java Interceptor vs .NetCore Interceptor
    Java Spring Boot VS .NetCore (九) Spring Security vs .NetCore Security
    IdentityServer4 And AspNetCore.Identity Get AccessToken 问题
    Java Spring Boot VS .NetCore (八) Java 注解 vs .NetCore Attribute
    Java Spring Boot VS .NetCore (七) 配置文件
    Java Spring Boot VS .NetCore (六) UI thymeleaf vs cshtml
    Java Spring Boot VS .NetCore (五)MyBatis vs EFCore
    Java Spring Boot VS .NetCore (四)数据库操作 Spring Data JPA vs EFCore
    Java Spring Boot VS .NetCore (三)Ioc容器处理
    Java Spring Boot VS .NetCore (二)实现一个过滤器Filter
  • 原文地址:https://www.cnblogs.com/xiaochu/p/4300933.html
Copyright © 2011-2022 走看看