查看你的浏览器是否支持最新的HTML5标签,这里我会用自带的系统函数和Modernizr做对比
1,canvas标签的支持(提供画图功能,将取代falsh)
//自定义方法
function supports_canvas() {
return !!document.createElement('canvas').getContext;
}
//Modermizr判断 后面排版和这个一样,就不做多的声明
if (Modernizr.canvas) {
// let's draw some shapes!
} else {
// no native canvas support available
}
2,video,audio标签的支持(在网页上直接播放视频,不在需要像html4那样麻烦)
function supports_video() {
return !!document.createElement('video').canPlayType;
}
if (Modernizr.video) {
// let's play some video!
} else {
// no native video support available
// maybe check for QuickTime or Flash instead
}
3,video formats(对视频格式的支持)
function supports_webm_video() {
if (!supports_video()) { return false; }
var v = document.createElement("video");
return v.canPlayType('video/webm; codecs="vp8, vorbis"');
}
if (Modernizr.video) {
// let's play some video! but what kind?
if (Modernizr.video.ogg) {
// try Ogg Theora + Vorbis in an Ogg container
} else if (Modernizr.video.h264){
// try H.264 video + AAC audio in an MP4 container
}
}
4,Local Storage(本地信息存储,类似cookie的东西,但是cookie只允许几K,而它可以有5M)
function supports_local_storage() {
return ('localStorage' in window) && window['localStorage'] !== null;
}
if (Modernizr.localstorage) {
// window.localStorage is available!
} else {
// no native support for local storage :(
// maybe try Gears or another third-party solution
}
5,Web Workers(用于预取数据或执行其他预先操作,从而提供一个更加实时的 UI)
function supports_web_workers() {
return !!window.Worker;
}
if (Modernizr.webworkers) {
// window.Worker is available!
} else {
// no native support for web workers
// maybe try Gears or another third-party solution
}
6,Offline Web Applications(HTML5的各种本地存储方式(如本地存储和session存储)
function supports_offline() {
return !!window.applicationCache;
}
if (Modernizr.applicationcache) {
// window.applicationCache is available!
} else {
// no native support for offline
// maybe try Gears or another third-party solution
}
7,Geolocation(获取客户端当前地理位置信息)
function supports_geolocation() {
return !!navigator.geolocation;
}
if (Modernizr.geolocation) {
// let's find out where you are!
} else {
// no native geolocation support available
// maybe try Gears or another third-party solution
}
8,Input Types(新增的表单类型)
<input type="search">
<input type="number">
<input type="range">
<input type="color">
<input type="tel">
<input type="url">
<input type="email">
<input type="date">
<input type="month">
<input type="week">
<input type="time">
<input type="datetime">
<input type="datetime-local">
if (!Modernizr.inputtypes.date) {
// no native support for <input type="date">
// maybe build one yourself with
}
9,Placeholder Text(input中的替换文本,本来可以用js实现,现在可以不用写js了)
function supports_input_placeholder() {
var i = document.createElement('input');
return 'placeholder' in i;
}
if (Modernizr.input.placeholder) {
// your placeholder text should already be visible!
} else {
// no placeholder suppor
// fall back to a scripted solution
}
10,Form Autofocus(表单元素自动获得焦点)
function supports_input_autofocus() {
var i = document.createElement('input');
return 'autofocus' in i;
}
if (Modernizr.input.autofocus) {
// autofocus works!
} else {
// no autofocus support
// fall back to a scripted solution
}
分享到:
相关推荐
在IT领域,"Judge"这个词汇可能涉及到多个概念,但在这里结合“字体”这一标签,我们可以理解为一种特定的字体设计或者与文字评判相关的技术。在这个场景下,"Judge"可能是一个字体家族或者一个用于文本排版和显示的...
`Judge UML绘图软件`是一款针对UML建模的专业工具,旨在帮助开发者和设计师更加高效地进行系统建模。 **关于Judge UML** 虽然描述中仅提到"Judge UML绘图软件"小巧,但可以推断这款软件注重轻量化和易用性,适合...
5. **交互式模式**:对于某些需要与裁判系统交互的题目,"Judge Local"可能支持交互式测试,模拟实际比赛中的I/O交互。 6. **版本控制**:软件可能集成版本控制工具,如Git,方便用户管理代码的不同版本。 7. **...
标题 "3.AI-Judge.rar" 暗示我们关注的主题是与人工智能相关的裁判或评估系统,这可能是一个用于分析、理解和评价数据情绪的工具。在数据情绪这一领域,AI技术通常用于自动分析文本、图像或者音频等数据中的情感倾向...
青岛大学开源 Online Judge | QQ群 496710125 。。。。。
根据提供的文件信息,本文将对“OnlineJudge站点网址”这一主题进行详细的知识点解析与介绍。OnlineJudge(简称OJ)是一种在线评测系统,广泛应用于程序设计竞赛领域,供编程爱好者、学生及教师等群体使用,以提升...
5. **排行榜**:对于竞赛模式,OnlineJudge会根据用户的解题数量和速度生成排行榜,增加竞技乐趣。 6. **讨论区**:平台通常设有讨论区,用户可以交流解题思路,分享代码,讨论疑难问题。 接下来,我们详细讲解...
本文将详细介绍一个名为"encrypt_judge"的小程序,它能够通过分析Word文档的流结构来判断文档是否被加密,帮助我们快速识别加密状态。 在编程领域,读取和解析文件的内部结构是常见的任务。对于Word文档,其内部...
### 在线Online Judge (OJ) 平台概览及编程语言选择 #### 一、在线Online Judge (OJ) 平台介绍 **浙江大学OnlineJudge(ZOJ)** - **网址**: http://acm.zju.edu.cn - **特点**: ZOJ是国内最早的在线评测系统之一...
四川大学onlinejudge内核 c++代码 自己看看吧。。。
一款OnlineJudge程序,由CS编写
"基于Linux的OnlineJudge在线提交环境的搭建.pdf" 该资源主要介绍了基于Linux的Online Judge在线提交环境的搭建,包括环境的设计、搭建和实现过程。 Online Judge(OJ)是一种基于图形化用户界面的在线评测系统,...
UVa Online Judge 10944 Accepted Code
在线评测系统(Online Judge,简称OJ)是用于自动化编程竞赛和编程教育的平台,它能够接收用户提交的代码,然后编译并运行这些代码,根据预设的测试用例来判断程序的正确性。本开发文档将详细介绍如何基于PHP语言来...
Judge.m蚁群算法
在压缩包中的文件名称列表中,我们可以看到"EXP6_3.class", "EXP6_4.class", "EXP6_2.class", "EXP6_5.class"以及"judge.java"。这些文件可能是程序的不同部分,其中"judge.java"是源代码文件,而其他".class"文件是...
"在线法官"(Online Judge,简称OJ)系统是一种用于编程竞赛、教育和自我测试的平台,它允许用户提交源代码来解决特定的算法问题,系统自动编译、运行并评估代码的正确性。在本案例中,我们讨论的是一个基于C++实现...
标题中的"acm.rar_ACM-Online-judge_online judge_scu online judge_scuonline"指的是一个与ACM(国际大学生程序设计竞赛)相关的在线评测系统,可能是由四川大学(SCU)开发或维护的在线判题平台源码。这个平台允许...
3. 具备所有Online Judge的核心判题功能,如编译代码、内存限定,时间限定,获取代码长度等; 4. 支持一道题目对应多个文件的测试方式,并支持显示每组测试文件的测试结果,计算正确率; 5. 可以打包并加密测试数据...
Online Judge系统(简称OJ)是一个在线的判题系统。用户可以在线提交程序多种程序(如C、C++、Pascal)源代码,系统对源代码进行编译和执行,并通过预先设计的测试数据来检验程序源代码的正确性。欢迎下载,内含源...