kiosk 无效_开发Kiosk Web应用程序的10个技巧
kiosk 无效
我以为我会从开发Kiosk Web应用程序的经验中记下一些技巧。 快速浏览一下以确保您的下一个信息亭网络应用程序没有被忽略可能会很有用。 他们来了。
1.禁用文本选择
一些信息亭的行为方式使得您在拖动手指时仍可以选择文本,这还取决于您用来显示该应用程序的浏览器/软件。
/* disable text selection */-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: moz-none;-ms-user-select: none;user-select: none;
2.模拟触摸设备。
在开发过程中,使用chrome开发工具替代工具可以模拟您的点击事件和触摸/滑动。
3.强制刷新浏览器缓存
Kiosk Web应用程序可能正在运行缓存的媒体,并强制它们运行最新的代码,您可能需要在静态媒体上附加变量以强制浏览器刷新JS / CSS。 您可以将动态变量单独添加到静态媒体上,或者如果使用PHP(例如index.php),则可以执行以下操作:
< ?php//currently changes daily at middnight$forceNum = '5'; //increment this number to force browser to refresh static media cache(js/css).$cacheKey = '?'.strtotime(date('Y-m-d')).$forceNum; ?>
href="css/styles.css<?php%20echo%20%24cacheKey;%20?/>" rel="stylesheet">
4.在信息亭模式下使用Google Chrome
Chrome可以开箱即用的信息亭模式启动。 非常适合测试。 请按照以下说明查找操作方法-> Chrome信息亭模式设置 。
5.带有触摸支持的引导程序
如果您从头开始,请不要重新发明轮子! 看看Gumby 2引导程序,它具有开箱即用的触摸支持和可自定义的引导程序UI,可轻松使Web应用程序看起来像您想要的样子。 Backbone.js提供了即时视图切换以及视图之间的模板和数据管理。
6.防止重复的滑动脚本调用
当用户滑动屏幕时,它可能会触发多个事件,并且只能触发一次。 因此,为了使您的应用程序平稳运行,请使用防抖动脚本 。
7.预加载您的Web应用程序图像
这是有关如何设置Web应用程序图像预加载的教程。 这样可以极大地加快应用程序的使用速度,并防止较大图像的缩放加载。
查看代码/功能后,我将进行更多更新。 –与往常一样,随时分享您的提示,我将添加它们。
翻译自: https://www.sitepoint.com/tips-developing-kiosk-web-applications/
kiosk 无效
kiosk 无效_开发Kiosk Web应用程序的10个技巧相关推荐
- 引用:编写高性能Web应用程序的10个技巧(一)
在网上看到这样一篇文章:编写高性能Web应用程序的10个技巧 感觉很不错就引用到我的blog里面,和大家一起学习,同时也谢谢作者本人 数据层性能 技巧 1 - 返回多个结果集 技巧 2 - 分页的数据 ...
- 编写高性能Web应用程序的10个技巧
编写高性能Web应用程序的10个技巧 linux宝库 收集整理 作者:linux宝库 时间:2007-09-30 收藏本站 来自:linux宝库 联系:linuxmine#gmail.com 分类:[ ...
- 引用: 编写高性能 Web 应用程序的10个技巧
ASP.NET 专栏... 编写高性能 Web 应用程序的10个技巧 原著:Rob Howard 翻译:alpha2002 原文出处:ASP.NET: 10 Tips for Writing High ...
- 编写高性能 Web 应用程序的 10 个技巧 (转)
http://www.microsoft.com/china/msdn/library/webservices/asp.net/us0501ASPNETPerformance.mspx 本文讨论: 常 ...
- 编写高性能 Web 应用程序的10个技巧
本文讨论: 常见的 ASP.NET 性能神话 有用的 ASP.NET 性能技巧和诀窍 在 ASP.NET 中处理数据库的一些建议 缓冲以及用 ASP.NET 进行后台处理 本文使用下列技术:A ...
- eclipse java 程序调试_使用 Eclipse 调试 Java 程序的 10 个技巧
- 友好的可读的对象 变量视图是使用对象的toString方法来现实对应的值.因为这个原因,如果提供友好的toString方法实现,对调试来说会非常有用.在javadoc中关于java.lang.Ob ...
- 基于.Net Core开发现代化Web应用程序系列课程和文章
这个系列课程是Anduin2017在B站上传的: 基于.Net Core开发现代化Web应用程序系列课程第1课之:课程简介 基于.Net Core开发现代化Web应用程序系列课程第2课之:.Net平台 ...
- 让自己开发的Web应用程序与SharePoint共存
在MOSS下我们自己开发的Web应用程序无法在同一个站点下运行,那么如何使自己开发的Web应用程序与WSS3.0或MOSS2007共存呢,我们可以通过修改应用程序的Web.config文件来解决这个问 ...
- zemax 宏怎么编写数组_编写Excel VBA程序的10个技巧
学习Excel技术,关注微信公众号: excelperfect 学会一些有趣的技巧或想法,能够有效地提高ExcelVBA编程水平.下面是chandoo.org总结的编写Excel VBA程序的10个技 ...
- 微信小程序在url简化_简化对Web应用程序的数据分析
微信小程序在url简化 数据(Analytics / ML)到应用程序-零痛苦 (Data (Analytics/ML) to App - with zero pain) We all want to ...
最新文章
- php能实现文本复制吗,php 简单复制文件的方法
- java三角形剪角_大班数学:拼角剪角
- 看漫画学python pdf下载_看漫画还能学Python❓❓❓| 0基础小白福音
- java双层for循环
- 智慧政务解决方案(28页)pdf_【金众电子】智慧政务解决方案
- BugkuCTF-MISC题简单套娃
- [Project Euler] 来做欧拉项目练习题吧: 题目012
- python大作业五子棋人人对战_五子棋总结(人人对战)
- 帆软日期参数联动方法
- 软件测试方法和技术知识点有哪些?
- 微信小程序直接打开文件操作(pdf)
- 多宽带联网(一) OpenWrt中使用Macvlan实现单线多拨上网
- [Inferior 1 (process 17260) exited normally] Debugger finished with status 0
- 这个地方沸腾,高手争雄,至尊大决战,从天上杀到地下,又从地上打到云霄上!
- Druid在有赞的实践
- 分享 | CADD之分子动力学的简介(上篇)
- 【机器学习】线性回归——最小二乘法的概率解释高斯噪声(理论+图解+公式推导)
- 容器编排-Docker Compose
- CPU处理器检测工具
- mac显示器如何显示docker container中的gui请求
热门文章
- 树莓派 python 驱动 lcd tft spi 1.8寸 ST7735S
- linux企业实战-haproxy(2)动静分离
- bzoj 1779: [Usaco2010 Hol]Cowwar 奶牛战争 (网络流)
- matlab画六面体,MATLAB绘制平行六面体
- 利用Python+云服务器+邮箱实现的个人待办事项提醒
- 1-5、PS基础操作
- advised by org.springframework.transaction.interceptor.TransactionInterceptor.invoke(org.aopallian
- cartographer 代码思想解读(9)- 激光雷达畸变矫正
- Bytom储蓄分红合约解析
- 手机端App出现崩溃常见类型