js实现全屏和缩放

/**
* @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;
}
}

猜你喜欢

转载自blog.csdn.net/iteye_14584/article/details/81242850