本教程让你的网站实现根据用户浏览器来自动跳转到对应的页面
我们知道，不同的浏览器支持的内容不同，比如我们要在网站上放上某个音乐播放器，但是非IE内核的又不支持这个网页播放器，于是我们就设计思路为，让IE浏览器用户打开网站时停在有此网页播放器的页面，让非IE内核浏览器用户打开网站时转到一个由flash播放器播放歌曲的页面。
你只需要将以下代码粘贴到你的网站首页（或需要根据浏览器跳转的网页）的<body>和</body>之间，就可以轻松实现自动按浏览器跳转，本脚本支持自动判定IE, Opera, Google Chrome, Safari, Firefox.
- //本源码由 51-n.com 提供 站长微博 www.weibo.com/ohtc
- var ua = navigator.userAgent.toLowerCase(), s, app={}, url, host=window.location.host;
- (s = ua.match(/msie ([\d.]+)/)) ? app.ie = s[1] :
- (s = ua.match(/firefox\/([\d.]+)/)) ? app.firefox = s[1] :
- (s = ua.match(/chrome\/([\d.]+)/)) ? app.chrome = s[1] :
- (s = ua.match(/opera.([\d.]+)/)) ? app.opera = s[1] :
- (s = ua.match(/version\/([\d.]+).*safari/)) ? app.safari = s[1] : 0;
- if(app.ie){
- url ="https://www.51-n.com/"; //如果浏览器为IE则跳转到 https://www.51-n.com/
- }else if(app.chrome){
- url ="html/"; //如果浏览器为 Chrome 则跳转到相对链接 html/
- }else if(app.opera){
- url ="/html/"; //如果浏览器为 Opera 则跳转到相对链接 /html/
- }else if(app.firefox){
- url ="../"; //如果浏览器为 firefox 则跳转到上级目录 ../
- }else if(app.safari){
- url ='http://'+host; //如果浏览器为 Safari 则跳转到当前域名
- }else{
- url ="about:blank"; //其他浏览器打开跳转到空白页面;
- }
- document.location.href = url;
编辑器可能让代码错乱，有附件可供下载。
|
