JS判断浏览器类型
1. 描述
有时ie系列浏览器对有些页面的支持度不够,我们需要根据用户的浏览器类型进行区分跳转页面,那么如何区分用户使用的浏览器呢?
我们可以通过浏览器的字头来判断,弹出框显示浏览器类型,效果如下:
2. 示例
新建一个工作簿,在A1单元格插入按钮控件,命名为按钮,添加点击事件:
function myBrowser(){
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") > -1;
if (isOpera) {
return "Opera"
}; //判断是否Opera浏览器
if (userAgent.indexOf("Firefox") > -1) {
return "FF";
} //判断是否Firefox浏览器
if (userAgent.indexOf("Chrome") > -1){
return "Chrome";
}
if (userAgent.indexOf("Safari") > -1) {
return "Safari";
} //判断是否Safari浏览器
if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
return "IE";
}; //判断是否IE浏览器
}
//以下是调用上面的函数
var mb = myBrowser();
if ("IE" == mb) {
alert("我是 IE");
}
if ("FF" == mb) {
alert("我是 Firefox");
}
if ("Chrome" == mb) {
alert("我是 Chrome");
}
if ("Opera" == mb) {
alert("我是 Opera");
}
if ("Safari" == mb) {
alert("我是 Safari");
}
保存模板,点击填报预览,效果如上图。
附件列表
主题: 二次开发