/**
* @description 简单的浏览器检查结果。 * `webkit`
* webkit版本号,如果浏览器为非webkit内核,此属性为`undefined`。 * `chrome`
* chrome浏览器版本号,如果浏览器为chrome,此属性为`undefined`。 * `ie`
* ie浏览器版本号,如果浏览器为非ie,此属性为`undefined`。 * `firefox`
* firefox浏览器版本号,如果浏览器为非firefox,此属性为`undefined`。 * `safari`
* safari浏览器版本号,如果浏览器为非safari,此属性为`undefined`。 * `opera`
* opera浏览器版本号,如果浏览器为非opera,此属性为`undefined`。
*
* @property {Object} [browser]
*/
var browser = function() {
var ua = navigator.userAgent;
var ret = {}, webkit = ua.match(/WebKit\/([\d.]+)/), chrome = ua
.match(/Chrome\/([\d.]+)/)
|| ua.match(/CriOS\/([\d.]+)/),
ie = ua.match(/MSIE\s([\d\.]+)/) || ua.match(/Edge\/([\d.]+)/)
|| ua.match(/(?:trident)(?:.*rv:([\w.]+))?/i), firefox = ua
.match(/Firefox\/([\d.]+)/), safari = ua.match(/Safari\/([\d.]+)/), opera = ua
.match(/OPR\/([\d.]+)/);
webkit && (ret.webkit = parseFloat(webkit[1]));
chrome && (ret.chrome = parseFloat(chrome[1]));
ie && (ret.ie = parseFloat(ie[1]));
firefox && (ret.firefox = parseFloat(firefox[1]));
safari && (ret.safari = parseFloat(safari[1]));
opera && (ret.opera = parseFloat(opera[1]));
return ret;
};
function requestFullscreen() {
var docElm = document.documentElement;
if (browser().ie) {
docElm.msRequestFullscreen();
return false;
}
if (browser().chrome) {
docElm.webkitRequestFullScreen();
return false;
}
if (browser().firefox) {
docElm.mozRequestFullScreen();
return false;
}
}
function exitFullscreen() {
if (browser().ie) {
document.msExitFullscreen();
return false;
}
if (browser().chrome) {
document.webkitCancelFullScreen();
return false;
}
if (browser().firefox) {
document.mozCancelFullScreen();
return false;
}
}
分享到:
相关推荐
全屏缩放广告代码
jQuery图片全屏缩放和平移预览代码,图片全屏预览模式:点击图片可以切换到全屏查看图片的模式,全屏模式下可以缩放和平移图片。 js代码 [removed][removed] [removed][removed] [removed] $(function () { ...
内容概要:该资源是纯前端js,通过js、html、css实现全屏动画效果,动画效果内包含掉落、缩放、渐变、淡入淡出等过渡、动画效果;巧用字符字体等,减少网络资源加载。该项目可玩性高,支持自定义掉落符号! 如何...
HTML5全屏响应式缩放切换幻灯片是一款切换的时候当前slide会平滑缩小并移动,下一个slide会从缩小状态逐渐放大并移动到屏幕中间,效果不错。
全屏伸缩广告代码,交流学习.~~~~~~~~~
jquery自动缩放渐变全屏背景图片代码下载
支持全屏缩放下载功能lightbox插件是一款支持图片,视频,iframe等多种媒体。
主要介绍了手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现,感兴趣的小伙伴们可以参考一下
jQuery picEyes ,全屏模式下奇幻缩放,实现点击图片放大,jQuery picEyes ,全屏模式下奇幻缩放,实现点击图片放大,jQuery picEyes ,全屏模式下奇幻缩放,实现点击图片放大,
jQuery全屏背景图片极致缩放切换显示特效代码下载
这是一款支持图片,视频,iframe等多种媒体全屏缩放下载功能的lightbox插件。
如果你也希望你的网站能设计成全屏的,显得更上档次,你可以试试 fullPage.js。 fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有: 支持鼠标滚动 支持前进后退和键盘...
fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站 主要功能 • 支持鼠标滚动 • 支持前进后退和键盘控制 • 多个回调函数 • 支持手机、平板触摸事件 • 支持 CSS3 动画 • 支持...
这是一款基于threejs的炫酷缩略图到全屏放大动画特效。该特效通过使用threejs。在用户点击缩略图时,将缩略图已某种炫酷的动画方式展开到全屏。
Zoomy 是一个用 JavaScript 编写的用于放大大图像的全屏叠加层。 现代艺术博物馆使用它在其新的收藏网站上展示艺术品。 特征 缩放 大图像允许您缩放到设备的最大可用缩放级别 Retina 设备以 2 倍分辨率查看图像块 ...
寻找了好久终于才找到的一款不错的左右全屏焦点图特效,支持缩略图效果,同时左右两侧全屏,带有遮罩效果 使用方法: 1、调用本站lanrenzhijia.css样式以及jquery.min.js、lanrenzhijia.js在网页head中 2、将body中...
这是一款纯CSS3实现的全屏背景图片缩小渐变切换效果源码,页面的背景图可呈现定时渐变与切换效果。渐变大小缩放效果流畅自然,采用纯css3技术控制切换效果。建议使用支持css3效果较好的火狐或谷歌等浏览器预览本源码...
支持全屏缩放下载功能lightbox插件是一款支持图片,视频,iframe等多种媒体。
jQuery实现带缩略图+自动切换的全屏广告代码