webapp
Zoe_Wang_ing
这个作者很懒,什么都没留下…
展开
-
webkit webApp 开发技术要点总结
如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 :1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设转载 2013-04-17 15:26:45 · 942 阅读 · 0 评论 -
zepto tap “点透”研究 (转)
解决方案一:github上有一个叫做fastclick的库,它也能规避移动设备上click事件的延迟响应,https://github.com/ftlabs/fastclick将它用script标签引入页面(该库支持AMD,于是你也可以按照AMD规范,用诸如require.js的模块加载器引入),并且在dom ready时初始化在body上,如:12转载 2014-11-10 17:10:58 · 1904 阅读 · 0 评论 -
web app 桌面图标
桌面图标在开发网站的过程中我们常常会设置一个 Touch Icon。由于系统的差异性,添加到桌面图标并没有统一的标准。iOS 最早支持 Touch Icon,并有明确的规范,其他系统一定程度上支持 iOS 的规范。终极方案下面是兼容 iOS 4.2+ 及 Android 2.1+ 的通用写法: Copylink rel="apple-touch-ic转载 2014-10-24 11:59:48 · 2325 阅读 · 0 评论 -
总结自适应手机meta
在网页的中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度。其中:width=device-width :表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=0.5:表示最小的缩放比例maximum-scale=2.0:表示最大的缩放比例user-scalable=yes:表示用户是否可以调整缩放比例 如果转载 2014-10-24 12:18:58 · 1489 阅读 · 0 评论 -
使用navigator.userAgent来判断浏览器类型
使用navigator.userAgent来判断浏览器类型。1、浏览器版本号函数:Js代码 var br=navigator.userAgent.toLowerCase(); var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1]; 2、j转载 2014-11-17 14:29:14 · 1265 阅读 · 0 评论 -
浅淡HTML5移动Web开发
转载:http://sc.chinaz.com/info/130410113358.htm?qq-pf-to=pcqq.discussion1. 响应式web设计说到这个,移动开发面对的屏幕尺寸那叫一个丰富,其中安卓阵营就够让人头痛的。我们在PC端常用的两种布局方式就是固定布局和弹性布局,前者设置一个绝大多数电脑能正常显示的固定宽度居中显示,后者则采用百分比。关于这两者讨论的文转载 2014-11-26 10:12:34 · 514 阅读 · 0 评论 -
去掉webapp点击一个链接或JS定义的可点击元素会出现一个半透明的灰色背景
html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}设置这个,页面默认的 元素点击后的边效果 为0,webkit 内核的字体大小不自动适配。 最后一个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascrip原创 2014-12-30 17:17:52 · 2881 阅读 · 0 评论 -
手机图片注意事项
首页页面 图片 除了 必要的透明图片,保存格式设为 jpg 这个格式的图片最小,图片质量 能看清的话就设为 中级,尽量压缩图片大小。原创 2015-05-19 09:41:07 · 571 阅读 · 0 评论 -
Android 4.0.x 浏览器不触发 ontouchend 事件的解决
先强烈吐槽一下,不知道 Android Wekbit 开发人员怎么想的,如此糟糕 bug 从 4.0 到当下的 4.4 仍然如故,好像没有像修复的意思?难道这是改进不是 bug?问题是这样的,使用 touch* 事件时,在 Android 4.0 上面的浏览器手指在 a 元素(或者其他任何元素)上做滑动操作,然后手指离开,结果不会触发 touchend 事件。同样的操作在 Android转载 2015-05-25 12:15:44 · 1365 阅读 · 0 评论