web应用程序的主要制约之一就是连接性。在HTML5到来之前我们就曾想挖掘浏览器的能力，以使web应用程序能像桌面应用程序一样功能强大和易于使用，但浏览器始终让我们感到失望。虽然之前已出现了一些浏览器缓存技术，但这些缓存技术的设计初衷并不是为了使web应用程序能够完全地离线运行，令人遗憾的是，事实上使用这些技术的web应用程序很容易出问题，而且难于使用。HTML5试图通过离线应用程序缓存( offline application cache)技术...
你喜欢HTML5吗？我想下面的这7个HTML5应用一定会让你爱上HTML5的，不信就一起来看看吧。1、HTML5/jQuery雷达动画图表 图表配置十分简单之前我们介绍过不少形形色色的HTML5图表了，像这款HTML5折线图表Aristochart是一款很不错的折线图表，这款HTML5 Canvas饼状图表也很酷。今天我们再来分享一款很特别的HTML5图表，它是利用HTML5和jQuery的雷达动画图表，图表数据在初始化的时候带有一定动画。在线演示 源码下载2、HTML5模拟...
SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术，两种绘制图形方式各有优缺点，但两者并非水火不容，尤其是SVG内容可直接绘制在Canvas上的功能，使得两者可以完美的融合在一起，让Canvas可享用到现有丰富的SVG素材，并不失SVG矢量无级缩放的特点。《基于HTML5的Drag and Drop生成图片Base64信息》这篇虽然展示的是拖拽普通栅格图片的效果，但你也可以直接拖拽SVG格式的图片进行显示，只不过普通图片的格式数据为data:i...
越来越多的开发者热衷于使用html5+JavaScript开发移动Web App。不过，HTML5 Web APP的出现能否在未来取代移动应用，就目前来说，还是个未知数。一方面，用户在使用习惯上，不喜欢在浏览器上输入复杂的网址；另一方面，Html5 Web App 存放在服务器端，在每次使用时需要进行数据传递，会造成流量浪费。有些开发者不想接触复杂的JAVA代码，那么，有什么办法，既可以使用HTMl5开发应 用，又可以将其简单封装成APK文件呢？ 一、Android...
1、在html中设置链接 代码如下:href=”[scheme]://[host]/[path]?[query]” scheme可以自己在app内部设置成任意的，把android和ios的设置成一样的 2、若本地应用存在，直接打开app；若不存在，计时一段时间跳到appstore 需要判断ios还是android平台下的浏览器，需要判断微信浏览器 XML/HTML Code复制内容到剪贴板code class="hljs" javascript="">var openApp = function () { var btnOpenApp = document.getElementById(open-...
本文为大家分享了HTML5打开本地app应用的方法，具体内容如下 首先为了保证能够打开你的app，你必须要在androidManifest.xml中配置的filter中data的属性表述。 androidManifest.xml代码如下：XML/HTML Code复制内容到剪贴板xml version="1.0" encoding="utf-8"?> manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.taoge" android:versionCode="2" android:versionName="3.24...
1-HTML5 Canvas Collage基于HTML5 Canvas开发的拼贴应用，每个图层都可以按不同的方式进行改变，例如移动、缩放、旋转、透明度、阴影等，还可以调整层叠顺序。 2-Full Schedule一个简单的日程应用，足以应用于工作，家务，锻炼计划等等各种需要记录下来的事情。 3-Plan5 HTML5 Task OrganizerPlan 5 是一个任务组织、计划和定时应用，可用于任务计划。 4-Taskboard 10kTaskboard 10k是一个轻量的在线白板应用，简单应用，可作为一个...
HTML5中的桌面提醒（web notifications）可以在当前页面窗口弹出一个消息框，这个消息框是跨 Tab 窗口的，这在用户打开多个 tab 浏览网页时，提醒比较方便，容易让用户看到。目前只要是 webkit 内核支持该功能。 该功能在 chrome 下需要以 http 方式打开网页才能启用。 桌面提醒功能由 window.webkitNotifications 对象实现（webkit内核）。 window.webkitNotifications 对象没有属性，有四个方法： 1.requestPermission() 该方...
使用HTML5 Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。 页面参考如下图，能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。 localStorage（本地存储）,可以长期存储数据，没有时间限制，一天，一年，两年甚至更长，数据都可以使用。 sessionStorage（会话存储），只有在浏览器被关闭之前使用，创建另一个页面时同意可以使用，关闭浏览器之后数据就会消失。 某个博主的测试localStorage兼容...
地理位置定位的几种方式：IP地址，GPS，Wifi，GSM/CDMA 地理位置获取流程： 1、用户打开需要获取地理位置的web应用。 2、应用向浏览器请求地理位置，浏览器弹出询问，询问用户是否共享地理位置。 3、假设用户允许，浏览器从设别查询相关信息。 4、浏览器将相关信息发送到一个信任的位置服务器，服务器返回具体的地理位置。 HTML5地理地位的实现： 1. 实现基于浏览器（无需后端支持）获取用户的地理位置技术 2. 精确定位用户的地理位...
在上一篇中我们了解html5的Canvas ，在这一篇中不用多说，写一个html5的时钟应用程序试手。在这里主要设置了坐标变换的平移（translate）和旋转变换（ratate），以及html5 Canvas的路径绘图，beginPath，closePath，rect，arc等，还有就是html5 Canvas路径绘图重要的绘图状态的保存和恢复机制，save，restore。 多的也不说了，直接上代码，有不解的欢迎提问，以及对我的建议指教都可以。 ff下效果图： 代码： 代码如下: 你的浏...
在html 5中，可以设置当页面加载时，自动焦点到达某个控件中，这个就是autofocus属性了，如下： 代码如下: Hi! 浏览器支持该属性的有： fiefox 4+,safari 5+,chrome 6+,opera 11+,ie 10, 而android 2.3和safari mobile 5-都不支持 实例 当页面加载时，会获得焦点的一个按钮： 代码如下: 点击这里 亲自试一试 定义和用法 autofocus 属性规定当页面加载时按钮应当自动地获得焦点。 如果使用该属性，则按钮会获得焦点。 HTML 4.01...
今天我们将把html5的geolocation结合google maps开发一个小的应用。google maps的api地址：https://developers.google.com/maps/documentation/javascript/?hl=zh-CN。 调用google maps，实现需要添加js引用，其中sensor参数的具体含义： 要使用 Google Maps API，您需要指明自己的应用程序在任何 Maps API 库或服务请求中是否是使用传感器（如 GPS 定位器）来确定用户所处位置的。这对移动设备尤为重要。如果您的 Google Maps API...
Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。 Web Storage又分为两种： sessionStorage localStorage 从字面意思就可以很清楚的看出来，sessionStorage将数据保存在session中，浏览器关闭也就没了；而localStorage则一直将数据保存在客户端本地； 不管是sessionStorage，还是localStor...
在上一篇《HTML5本地存储之Web Storage篇》中，简单介绍了如何利用localStorage实现本地存储；实际上，除了sessionStorage和localStorage外，HTML5还支持通过本地数据库进行本地数据存储，HTML5采用的是"SQLLite"这种文件型数据库，该数据库多集中在嵌入式设备上，熟悉IOS/Android开发的同学，应该对SQLLite数据库比较熟悉。 HTML5中的数据库操作比较简单，主要有如下两个函数： 1、通过openDatabase方法创建一个访问数据库的对象 ...