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;
	}
}
相關文章
相關標籤/搜索