最近需要给html5的WebAPP在页面上实现一个复制功能：用户点击长按文本会全选文字并弹出系统“复制”菜单，用户可以点击“复制”进行复制操作，然后粘贴到AppStore搜索对应的应用。之所以不是采用链接形式直接跳转到AppStore对应应用是为了通过用户的主动输入关键词搜索给推广的企业App增加权重。所以这一个“复制”功能对用户的体验至关重要。尝试了一些做法，在安卓/iOS平台上的兼容性都不是很好。在微信浏览器内是很容易实现长按...
仅做学习使用，原文链接：http://www.cnblogs.com/dolphinX/p/3464056.html 一些麻烦事儿平时做web开发的时候关于消息传递，除了客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递postMessage()这些问题都有一些解决办法，但html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()方法允许来自不同...
早在flash时代 我们控制视频播放指定时间位置的画面也会有不准确的情况，具体情况表现为：video.seek(time) 而实际画面会跳到此时间附近（1-2秒）的画面 而HTML5 我们通过var vd=document.getElementById("DOM ID名");vd.currentTime=10 ;可以指定视频立即播放对应时间位置的画面 （电脑，IOS端均可） 但是andorid端真机上却发现几个问题Q：设置 vd.currentTime=时间，但是却没有效果；A：android端设置时间后，一定要video.play...
现在我们可以选择浏览器非常多，所以浏览器的环境也是种类繁多，同一个浏览器也是包含各种不同的版本，不同的版本之间的渲染方法也存在差异，，它们支持的 HTML5、CSS3 特性恐怕也不尽相同。这种情况于是造成Web开发者在开发网站时，要面对数量庞大的浏览器种类。如果开发时按最低标准，比如 IE6不支持的特性，我们统统不用，那就没有必要写这篇文章了；但我想这种情况极少，更多的开发，是在现代浏览器上使用它们支持的特性，而在...
问题描述以前的文章中《 PHP微信墙制作，开源 》已经用PHP搭建了一个微信墙获取信息的服务器，然后我就在想推送技术应该怎么解决，上一篇已经用了.NET 的signalr做了一个微信墙，PHP一直没什么好思路，本来想用websocket，但自己写socket要解析websocket协议，PHP有一个比较好的实现是workerman，github地址请戳这里，但是都不是很中意，昨天给自己做官网的时候，看了一下MDN，浏览发现了这个东西“使用服务器发送事件”，突然就有...
新出的iOS8好像有很多新的调整，是好是坏现在也无法定论。在做视频切换的时候之前一直都是使用更新video中的source来做切换。 但是在ios下始终只能播第一个，检查发现第一个视频播放完成之后也会出发ended事件。所有的流程都能实现，但是就是播不了第二个视频。 后面发现，每次切换视频的时候都是刷新video内部的source标签。于是调整为更新video的src属性。在ios8下成功进行了切换。原文：http://www.cnblogs.com/leftice/p/39856...
fillRect(100,100,100,100) 前2个100是指坐标，后2个100是指宽和高。 今天学习html5 的canvas，发现fillRect的坐标和大小一直不对，研究了半天，发现canvas的宽度和高度必须内联在canvas标签中才对。郁闷了半天。 错误的方式1: 复制代码代码如下:<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #mycanvas{ width: 200px; height: 200px; background: yellow; } </style> </head...
在 Cross-document messaging 中使用 postMessage 和 onmessage为了实现不同域之间的通信，需要在操作系统的 hosts 文件添加两个域名，进行模拟。清单 3. hosts 文件中添加两个不同的域名 127.0.0.1 parent.com 127.0.0.1 child.com在父网页中通过 iframe 嵌入子页面，并在 JavaScript 代码中调用 postMessage 方法发送数据到子窗口。清单 4. 父页面中嵌入子页面，调用 postMessage 方法发送数据 <html> <head> <meta ht...
我们先来看一下这么样一个表单：一、一步一步来分析下代码：1<form id="redemption" method="post">2<hgroup>3<h1>Oscar Redemption</h1>4<h2>Here‘s your chance to set the record straight: tell us what 5 year the wrong film got nominated, and which film <b>should</b>6 have received a nod...</h2>7</hgroup>8<!--后面的代码-->9</form>hgroup标签：用来将h1...h6标题标签进行分组这部分代码很简单，不过多分析，我们把...
HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML（标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶 段，但大部分浏览器已经支持某些HTML5技术。HTML5有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet ap...
由于html5的一些新标签在低版本的IE浏览器上不能识别，下面介绍一种解决此兼容问题的方法。使用Google的html5shiv包1 <!--[if lt IE9]> 2 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 3 <![endif]-->使用此方法需要初始化标签的CSS，因为html5默认情况下在IE低版本浏览器下表现为内联元素，我们需要把这些元素转化为块状元素方便布局。article,aside,footer,header,section,footer,nav,figure,m...
注：本文是基于手机端 Hybrid APP 讨论，而不是普通的PC端网页 >> 之前的页面跳转方式：比如有这两个页面：A.html B.html, A B 是纯HTML实现，没有采用其他UI框架A-->B 的跳转方式为 location.href="B.html"; 效果：闪屏刷新，用户体验太差 目前的实现方式：定义一个母页面里面包含两个iframe用来加载A、B等html页面： _ghost.html:html:js: 母页面初始化的时候获取手机屏幕宽高度给iframe,并且给第一个iframe设置内容页面切换方...
一些麻烦事儿平时做web开发的时候关于消息传递，除了客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递postMessage()这些问题都有一些解决办法，但html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息...
简介 离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制，但它们并不可靠，也不一定总能起到预期的作用。HTML5 使用 ApplicationCache 接口解决了由离线带来的部分难题。 使用缓存接口可为您的应用带来以下三个优势： 离线浏览 – 用户可在离线时浏览您的完整网站 速度 – 缓存资源为本地资源，因此加载速度较快。 服务器负载更少 – 浏览器只会从发生了更改的服务器下载资源。 应用缓存（又称 ...
使用video标签，视频总不能占满父级全屏，本来预算的10分钟工程，结果卡在video这里了，勤奋的小果，还是打算记下来，共勉。。。代码（css内容）： html,body{ height: 100%; width: 100%; } p{ height: 50px; margin: 20px; font-size: 1.5em; } .videoTime{ position: relative; height: 100%; width: 80%; border: 2px solid red; } .videoTime video{ position: absolute; height: 100%; width: 100%; } 代码（body内容） 视频...