web mobile开发资料
iteye_2245
这个作者很懒,什么都没留下…
展开
-
关于navigator.connection
navigator.connection: UNKNOWN 0ETHERNET 1WIFI 2CELL_2G 3CELL_3G 4原创 2013-04-07 15:05:48 · 1379 阅读 · 0 评论 -
-webkit-cross-fade
前言: 本文做个人学习积累用! 正文: -webkit-cross-fade 支持图片交叉淡入淡出background-image:-webkit-cross-fade(url(**.png),url(**.png),50%); 官方草案里面:http://www.w3.org/TR/2011/WD-css3-images-...原创 2013-02-27 12:13:05 · 197 阅读 · 0 评论 -
modernizr简介
Modernizr 官网:http://modernizr.com/js类库,主要用来检测浏览器对html5|css3支持的类型动态的在html标签上增加一堆class 页面引入js文件后,我的ff18.0.1下: 而且会创建一个全局的Modernizr对象: 扩展阅读: http...原创 2013-02-27 10:38:08 · 243 阅读 · 0 评论 -
判断手机浏览器
判断是否是移动设备的浏览器,返回true|false isMobile:function(){ var ua = navigator.userAgent.toLowerCase(); return ua.indexOf("mobile") > -1;}原创 2013-02-27 10:37:37 · 136 阅读 · 0 评论 -
iOS禁止用户选中文字
iOS如何禁止用户选中文字? 给文字增加样式: -webkit-user-select:none;原创 2013-02-23 17:20:18 · 760 阅读 · 0 评论 -
Titanium
Titanium 开发本地应用的Web应用支持iPhone、Androidhttp://www.oschina.net/p/titaniumhttp://mobile.51cto.com/Titanium-318049.htm原创 2013-02-21 18:17:09 · 85 阅读 · 0 评论 -
ios5新特性部分整理
本文整理一下ios5对HTML5的支持情况: 亲自试验了一下,确实原生展示ui很赞。 支持type="date"支持type="datetime"支持type="time"支持type="month"支持type="range" 支持type="number" 对非number输入会主动清空,而且只清空原创 2013-02-21 16:56:19 · 95 阅读 · 0 评论 -
关于移动设备对position设置为fixed的支持
先看一下position设置fixed的数据: http://caniuse.com/#feat=css-fixed ios5已经开始支持了原创 2013-02-20 15:41:32 · 102 阅读 · 0 评论 -
监测是否支持3d
最早来自iscroll的源码里面: https://github.com/cubiq/iscroll/commit/f6778c2618c33d701440d34de8ae2cb599ea5f4a function has3d(){ 'WebKitCSSMatrix' in window && 'm11' in new WebKitCS...原创 2013-02-16 11:54:06 · 95 阅读 · 0 评论 -
iOS如何禁用长按页面弹出菜单
iOS如何禁止用户长按页面导致弹出菜单? 给元素设置样式: -webkit-touch-callout:none; 补充:同样适用于图片如果想禁止用户保存或者复制等...原创 2013-02-01 12:24:43 · 1145 阅读 · 1 评论 -
iPhone屏幕和组件宽高
本文来自:http://blog.csdn.net/workhardupc100/article/details/6883383 感谢原作者,个人做积累学习! iPhone、iTouch宽320px、高480px导航栏高44px状态栏高20pxtabbar高49pxtoobar高44px ...原创 2013-01-31 17:34:01 · 84 阅读 · 0 评论 -
media query的兼容实现
ipad及以下,所有小于、不等于960宽度的平板电脑 @media only screen and (max-width:959px){} 仅ipad竖版,所有小于(不等于)960宽度的平板电脑竖版 @media only screen and (min-width:768px) and (max-width:959px){} ...原创 2013-01-31 17:22:01 · 106 阅读 · 0 评论 -
一个测试同一页面不同分辨率下的效果的工具
工具地址:http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/ 工具功能:可以做出书签,在某一个页面使用,输出不同分辨率下的显示效果...原创 2013-01-30 10:41:24 · 2453 阅读 · 0 评论 -
css3-mediaqueries-js
css3-mediaqueries-js 让老版本浏览器支持media queries官网:http://code.google.com/p/css3-mediaqueries-js/ 使用方式: <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlec...原创 2013-01-30 10:41:06 · 230 阅读 · 0 评论 -
Respond.js简介
Respond.js 处理响应式设计中,浏览器不支持media query相关官网:http://drupal.org/project/respondjsgithub:https://github.com/scottjehl/Respondtest page : http://scottjehl.github.com/Respond/test/test.htm...原创 2013-01-29 18:10:02 · 202 阅读 · 0 评论 -
MediaQueryList
以下部分内容来自:https://developer.mozilla.org/en-US/docs/DOM/MediaQueryList 个人做学习积累用。 如图可以知道: 属性matches 只读、返回true or false,如果当前文档匹配media query list的话返回truemedia DOMString ...2013-01-29 17:08:07 · 140 阅读 · 0 评论 -
window.matchMedia
以下部分内容来自:https://developer.mozilla.org/en-US/docs/DOM/window.matchMedia 个人做学习积累用 总结: 返回一个新的MediaQueryList对象 语法: window.matchMedia(mediaQueryString) 例子: if(w...2013-01-29 16:45:24 · 94 阅读 · 0 评论 -
css3的media-queries
前言: 本文主要简单收录一下media-queries相关的知识! ------------ 本文内容部分来自互联网,感谢原作者,做个人学习用! 正文: <link rel="stylesheet" media="screen and (max-width: 600px)" href="small_600.css" /> --------...原创 2013-01-29 12:08:04 · 81 阅读 · 0 评论 -
Native VS Web APP
本文来自2012百度开发者大会的PPT部分内容: 从几个维度比较了一下native app 和 web app,下面的顺序是按照我个人的理解和关注的主次: 是否需要安装?native app 必须web app 不需要 开发成本native app 需要C/C++/Java 门槛高,开发周期较长 web a...原创 2013-02-27 12:49:15 · 106 阅读 · 0 评论 -
-webkit-min-device-pixel-ratio的常见值对照
前言: 本文来自于对 http://bjango.com/articles/min-device-pixel-ratio/ 的部分整理: 正文: -webkit-min-device-pixel-ratio为1.0所有非Retina的Mac所有非Retina的iOS设备Acer Iconia A500 Samsung Gala...原创 2013-03-01 15:58:31 · 484 阅读 · 0 评论 -
离线存储 application cache
离线与缓存: 网页缓存依赖网络的存在,而离线应用在离线状态下仍然可用网页缓存主要缓存当前网页相关内容,也仅限当前页面的读取;离线应用主要缓存文件,只要设置缓存的文件,都能在离线状态下读取该文件 设备支持情况: 使用js来判断: if(window.applicationCache){ //支持的进来...原创 2013-03-05 10:57:06 · 84 阅读 · 0 评论 -
QR二维码相关
前言: 本文主要整理采用Google chart来生成QR二维码相关 正文: 内容参考来自:https://google-developers.appspot.com/chart/infographics/docs/qr_codes google chart服务: 根路径: https://chart.googleapi...2013-03-25 14:36:41 · 86 阅读 · 0 评论 -
Emoji图标
Emoji图标: 仅ios系统支持文本替代文字,无需http请求 扩展阅读: 威锋:http://www.weiphone.com/APPSTORE/GAMES/2011-11-30/338874.shtml...原创 2013-03-15 16:59:22 · 123 阅读 · 0 评论 -
Mobiscroll插件简介
Mobiscroll 用于触屏的日期选择器通过配置方式自定义,有主题官网:http://demo.mobiscroll.com/calendar/calendartime原创 2013-03-15 15:34:25 · 126 阅读 · 0 评论 -
zepto的detect探究
其实: zepto有自身的函数接口去判断设备和浏览器 我拿iOS模拟器跑测试: //Zepto.os 查看设备Zepto.os返回一个对象:{ ios:true, iphone:true, version:"6.1"}//Zepto.browser 查看浏览器Zepto.browser返回一...原创 2013-03-11 19:41:11 · 200 阅读 · 0 评论 -
phonegap系列之API(九)compass 指南针
侦测设备屏幕朝向: 获取指南针当前朝向:navigator.compass.getCurrentHeading(compassSuccess,compassError,compassOptions); 指南针是检测设备方向或朝向的传感器使用度为单位取值范围是:0~359.99成功之后调用compassSuccess失败之后调用compa...原创 2013-03-08 19:18:06 · 147 阅读 · 0 评论 -
phonegap系列之API(八)geolocation
通过geolocation对象使用设备传感器的GPS地理服务。 获取当前的地理位置navigator.geolocation.getCurrentPosition(geolocationSuccess,[geolocationError],[geolocationOptions]); 读取成功会调用geolocationSuccess回调,传递一个posi...原创 2013-03-08 19:17:19 · 77 阅读 · 0 评论 -
phonegap系列之API(七)android的本地事件
下列多是针对android的本地事件: backbutton 单击“后退”按钮触发 document.addEventListener("backbutton",callbackFuc,false); menubutton 单击"菜单"按钮触发 document.addEventListene...原创 2013-03-08 19:16:51 · 56 阅读 · 0 评论 -
phonegap系列之API(六)online与offline
online 连接到Internet时候触发 document.addEventListener("online",onOnline,false); offline 当网络连接改变offline的时候触发 document.addEventListener("offline",onOffline,false); ...原创 2013-03-08 19:16:23 · 128 阅读 · 0 评论 -
phonegap系列之API(五)notification
alertnavigator.notification.alert(message,alertCallback,[title],[buttonName]); message 对话框的内容信息alertCallback 对话框消失调用的函数title ...原创 2013-03-08 19:15:33 · 68 阅读 · 0 评论 -
phonegap系列之API(四)network
获取网络连接状态: //有点深啊var networkState = navigator.network.connection.type; 来自cordova-2.0.0.js的源码: Connection对象有以下属性: UNKNOWETHERNETWIFICELL_2GCELL_3GCELL_4G...原创 2013-03-07 19:52:43 · 111 阅读 · 0 评论 -
phonegap系列之API(三)device
本内容更新参照cordova-2.0.0.js ---------- 注意没有device.phonegap了 先上图! name 返回设备的型号或者产品名称,设备制造商设定的 platform 返回设备使用的操作系统名称 uuid 返回设备的全球唯一标识...原创 2013-03-07 19:52:16 · 77 阅读 · 0 评论 -
phonegap 2.0
pg的2.0新特性: 开始支持WPhone改名Apache CordovaCordova WebViewCLI命令行工具增强文档支持Web Inspector Remote(Weinre)移植到nodejsCorovajs 扩展阅读: http://news.cnblogs.com/n/151708/ http:...原创 2013-03-07 19:36:49 · 76 阅读 · 0 评论 -
phonegap系列之API(二)localStorage
pg提供对W3C Storage接口的访问: var storage = window.localStorage; 方法: key 返回指定位置的键的名字getItem 返回指定键对应的值setItem 存储一个键值对removeItem ...原创 2013-03-07 19:35:19 · 74 阅读 · 0 评论 -
phonegap系列之API(一) deviceready
使用pg api之前的准备: -------- 需要监听deviceready事件,确认pg加载完成 document.addEventListener("deviceready",onDeviceReady,false);function onDeviceReady(){ //....} ...原创 2013-03-07 19:34:42 · 102 阅读 · 0 评论 -
Data URI
前言: 本文部分内容来自 《随网之舞的Data URI 和 MHTML》 本人做积累学习用,感谢作者! 正文: data:[<MIME-type>][;base64],<data> MIME-type:嵌入数据的MIME,形式:[type]/[subtype];比如png:image/pngbas...原创 2013-03-05 18:13:41 · 108 阅读 · 0 评论 -
what is apk?
apk是什么?Android Package,Android安装包直接传到Android模拟器或Android手机执行即可安装apk其实是zip格式,通过UnZip解压后,看到Dex文件,Dex是Dalvik VM executes的全称,Android Dalvik执行程序 扩展阅读: http://baike.baidu.com/v...原创 2013-03-05 14:56:39 · 95 阅读 · 0 评论 -
在线检测相关
如何判断当前浏览器的在线或离线状态?//onLine只读属性,返回true或者falsewindow.navigator.onLine online/offline事件 我们很多时候需要当状态发生变化的时候知道,online|offline事件触发在body元素上,按顺序冒泡 ...原创 2013-03-05 14:16:36 · 100 阅读 · 0 评论 -
CHML
CHTML Compact HyperText Markup Language压缩式超文本标识语言 扩展阅读: http://code.google.com/p/chtml/原创 2013-01-28 10:39:14 · 141 阅读 · 0 评论 -
jsconsole
jsconsole.com ---------------- 在web站点,输入js命令,在设备终端执行,可以查看js变量。原创 2013-01-24 14:12:01 · 71 阅读 · 0 评论