美文网首页
大屏机前端项目注意点总结

大屏机前端项目注意点总结

作者: baxiamali | 来源:发表于2019-06-28 18:03 被阅读0次

需求:大屏机实现自助点餐功能,用web网页实现。

注意点:
  1. 全屏显示网页。
  2. 禁用用户右键,长按唤起菜单功能。
  3. 禁用双指放大缩小页面功能。(在触屏机器上,user-scalable=no失效)
实现方法:
  1. 新建chrome快捷方式。
  2. 右键属性,在目标后增加代码 —full-screen —kiosk —disable-pinch (空格 需要打开的网址)
    设置之后,双击快捷方式,会强制全屏打开目标网址,并且用户两指缩放,长按,都没有效果。在没有外接键盘的情况下,无法退出网页,只能在当前网页进行操作。
优化点
  1. 打印程序,nginx,浏览器三项在开机自启动中进行配置,电脑进行自动开机时间配置。省去人工操作。

相关文章

  • 大屏机前端项目注意点总结

    需求:大屏机实现自助点餐功能,用web网页实现。 注意点: 全屏显示网页。 禁用用户右键,长按唤起菜单功能。 禁用...

  • 项目总结 | 监控大屏

    第一次在简书上发文章,就以自己的项目总结为开始吧! 关于监控大屏 监控大屏是针对于高院上云部署的一个监控项目。依托...

  • 可视化大屏构建平台

    一、需求分析 1、来自大屏的需求 2、项目上只是需要简单的大屏效果功能 3、基于未来的发展,我们前端组需要构建可视...

  • CoreAnimation

    CoreAnimation系要注意的一点是必须是真机调试,用于调试离屏渲染,绘图,动画,等操作,调试需注意。【比较...

  • vue项目性能优化方案

    背景:项目采用vue cli3搭建,集成前端组件以及地图效果,导致项目打包后资源包文件特别大,打包速度慢,首屏渲染...

  • nwjs打包

    前端导航项目基于nodejs+vue开发,使用electron打包成exe进行安装到大屏运行,在模拟导航过程中会感...

  • 项目大屏

    3个点: 1.引入@njleonzhang/postcss-px-to-rem,将px转成rem,会根据根元素的f...

  • echarts 图表 pc && 移动端自适应方案

    因为公司主要做前端数据可视化项目的,因此有些项目需要有大屏展示的效果,所以一般公司的项目,设计那边给出的设计稿都是...

  • ios 屏幕旋转一些注意的地方

    注意点1:如果项目方向(xcode的General页面)勾选了纵向和横向情况下手机横屏启动APP,默认会是横屏的。...

  • 从零开始认识Web大前端

    一、什么是大前端? 在学习之前一定是要清楚什么是大前端?大前端是干什么的?在这我就总结了下 两点: 1.解决用户体...

网友评论

      本文标题:大屏机前端项目注意点总结

      本文链接:https://www.haomeiwen.com/subject/usbecctx.html