jquery根据不同浏览器加载png/webp图片插件

使用方法

(function () {

	//判断浏览器是google还是opera
	var isChromium = window.chrome;
	var isOpera = window.opera;

	if(isChromium || isOpera){


		//获取所有图片并将其扩展名jpg/png.gif替换为新的img格式WebP
		var getAnchors = $("img");

		for(var i=0; i < getAnchors.length; i++){
			getAnchors.attr("src",getAnchors[i].src.substr(0,getAnchors[i].src.lastIndexOf(".")) + ".webp");
		}

		if(isChromium){
			$(".hidden-message").html("你的浏览器是 <b>Chrome</b>, 脚本加载WebP图像");		
		}
		else{
			$(".hidden-message").html("你的浏览器是 <b>Opera</b>, 脚本加载WebP图像");
		}
	}
	else{
		$(".hidden-message").html("你的浏览器不是 <b>Chrome/Opera</b>, 脚本加载默认PNG图像");
	}

})();