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;

	}

}
巴特西

js实现全屏和缩放

最新文章

热门文章
