51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#TML5
移动端HTML5开发心得(转)
1、 iOS里fixed中有input或者textarea,用户在里面输入文字,触发键盘,fixed容器会居中显示,而不是继续悬浮 解决办法: http://dwz.cn/CrwNz2、移动端click时间300ms延迟 解决办法:...
代码星球
·
2020-04-18
移动
HTML5
开发
心得
html5调用手机相机并压缩、上传
近日刚做的一个功能,要在app里使用内嵌页面进行图像的上传。从功能上看,原生的实现应该是最好的。毕竟页面上所有的东西都隔着一个浏览器,所有的实现都要依赖浏览器提供的接口,不同的浏览器对接口的实现又有差异……到最后又会陷入兼容性的大坑!吐槽归吐槽,但是折腾的劲头不能丢!简直Soeasy!<...
代码星球
·
2020-04-18
html5
调用
手机
相机
压缩
TML5如何在移动网页端调用手机图片或者camera
TML5如何在移动网页端调用手机图片或者camera可以参考这篇文章: 如果你开始基于iOS系统(ios6above)的web应用,可以考虑这段代码: 点击按钮,会调用你的摄像头相册附源码文件:<inputtype="file"capture="camera"accept="image/*"id="cam...
代码星球
·
2020-04-18
TML5
何在
移动
网页
调用
html5代码,获取地理位置
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/><title>大名</t...
代码星球
·
2020-04-18
html5
代码
获取
地理位置
mobile web HTML5 app曾经的踩过坑(转)
兼容性一直是前端工程师心中永远的痛.手机浏览器,因为基本是webkit(blink)内核当道,很多公司,不用考虑IE系的浏览器,所以感觉兼容性上的问题可能会少一些.但是手机端,虽然出了很多工具,但是调试依然比PC端麻烦很多.而且很多坑是因为手机浏览器本身的bug,一旦出现,相应的解决方案很难根据以前的经验进行推测.只能...
代码星球
·
2020-04-18
mobile
web
HTML5
app
曾经
移动前端头部标签(HTML5 head meta)
移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 <!DOCTYPEhtml><!--使用HTML5doctype,不区分大小写--><htmllang="zh-cmn...
代码星球
·
2020-04-18
移动
前端
头部
标签
HTML5
HTML5 的 applicationCache 应用程序缓存离线存储功能与 manifest 文件
一般的操作步骤1.新建manifest文件如文件名为 lzwme.manifest,内容配置参考如下:01CACHEMANIFEST02 03#version1.2 forupdatecophelp04 05#直接缓存的文件06CACHE:07 ...
代码星球
·
2020-04-18
HTML5
applicationCache
应用程序
缓存
离线
移动端HTML5资源整理
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式viewport模板常见问题移动端如...
代码星球
·
2020-04-18
移动
HTML5
资源
整理
html5 摇一摇事件监听
先来看下html5的这几个特性:1.deviceOrientation:方向传感器数据的事件,通过监听该事件可以获取手机静态状态下的方向数据;2.deviceMotion:运动传感器数据事件,通过监听该事件可以获取手机运动状态下的运动加速度数据;3.DeviceMotionEvent:判断浏览器是否支持该事件属性,如果...
代码星球
·
2020-04-18
html5
一摇
事件
监听
html5中manifest特性测试
测试环境和工具 chromium 18.0.1025.151(开发编译版130497Linux)Ubuntu11.04 一、测试内容 1.A页面manifest缓存的js文件,B页面不设manifest是否能使用缓存的js文件 &nb...
代码星球
·
2020-04-18
html5
manifest
特性
测试
HTML5离线应用无法更新的定位与解决
一、些许前提最近在制作一个Web应用,其中用到了HTML5的离线应用功能(offlineapplication),离线应用的概念就不再阐述,可以查看这两篇文章:http://www.ibm.com/developerworks/cn/web/1011_guozb_html5off/http://www.mh...
代码星球
·
2020-04-18
HTML5
离线
应用
无法
新的
避免常见的6种HTML5错误用法
一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说,就是直接用作替代品(用于样式)。在XHTML或者HTML4中,我们常看到这样的代码:<!--HTML4-styleco...
代码星球
·
2020-04-18
避免
常见
6种
HTML5
错误
html5 filereader读取流注意事项
对于截取读入的文件,一定要newFileReader,不可写全局调用同一个reader.错误代码!!!functionreadAsBinaryString(file,callback){readrSpt();varpart=0,fileName=file.name,step=1024*10,start=0,a=0,b=...
代码星球
·
2020-04-18
html5
filereader
读取
注意事项
phonegap+html5开发app的一些总结
1.Css3圆角白边:使用css3圆角效果时,在android某些机器上会产生白边,所以应该在圆角的div外套一个div(背景色和外部相同),然后有圆角效果的div 内部使用自己的背景色 border-radius:5px;box-shadow:inset 0 2px ...
代码星球
·
2020-04-18
phonegap+html5
开发
app
一些
总结
响应式HTML5+CSS3 网站开发测试实践
仅仅利用mediaquery适配样式是远远不够的,并没有考虑触屏下的行为和特有的内容组织方式的不同。简单在桌面版基础上叠加mobile版的代码,会带来请求增多、流量、性能、代码冗余等诸多方面问题。有统计说86%的手机站看起来small其实体积比桌面版还大。我们这次充分发挥“响应”的灵活性,实现o...
代码星球
·
2020-04-18
响应
HTML5+CSS3
网站开发
测试
实践
首页
上一页
...
17
18
19
20
21
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他