nuxt拦截IE浏览器

需求场景

判断浏览器类型，让譬如IE的低版本浏览器跳转到指定提示浏览器升级页面。

难点分析

使用过的都知道，nuxt没有暴露主入口页面也就是index.html啊，我们以前常用的IE条件判断没地方写。

鉴于css flex布局的广泛使用性，我们选择拦截IE9及以下的浏览器。

说明： nuxt 兼容IE9及以上，flex 兼容IE10及以上，而国内浏览器大多采用webkit内核，或者双内核，双内核只需要简单的增加meta标签就可以了

<meta data-n-head="true" name="renderer" content="webkit">

实现方法：通过nginx

if ( $http_user_agent ~* "MSIE [5-9]") {rewrite /* http://www.baidu.com permanent;
}

就这么简单一句 nginx 判断就行了。

另外还可以通过 nuxt 中间件解决，这个后续再更新。

转载于:https://www.cnblogs.com/hcxy/p/10120980.html

nuxt拦截IE浏览器相关推荐

【插件】浏览器广告拦截插件| 浏览器搜索广告横飞怎么办
文章目录浏览器广告拦截插件| 浏览器搜索广告横飞怎么办一.效果二.安装浏览器广告拦截插件| 浏览器搜索广告横飞怎么办浏览器广告横飞怎么办?今天教你一招解决!很多小伙伴说自己用的浏览器总是有广 ...
ajax回调打开新窗体防止浏览器拦截方法
2019独角兽企业重金招聘Python工程师标准>>> 问题剖析: function click_fun(){ window.open("www.baidu.com&quo ...
浏览器广告拦截_如何检测广告拦截器
浏览器广告拦截 One of the unspoken rules of the internet is that most content is "free"... at the ...
关闭迅雷自动拦截浏览器下载
迅雷自动拦截chrome浏览器文件下载, 在迅雷设置里面的下载设置里,取消了自动拦截浏览器下载, 依然没有效果最后看到是迅雷同时安装了一个插件,会自动拦截下载,所以卸载掉该插件在迅雷下载目录的th ...
最好用浏览器_魔镜魔镜，请你告诉我谁是Mac上最好用的浏览器？--全网最好用的12个功能让你玩转Safari...
Safari是苹果自带原生浏览器,无论是iPad.iOS.Mac都将Safari集成在系统中,按道理讲它应该是苹果产品里最好用的浏览器,但是很多小伙伴却觉得Safari不好用,转身投入了其他浏览器的怀 ...
打开浏览器不是主页_对于360浏览器的一些小小改善
虽然自己不怎么喜欢,但是以前小编的多数同事都在使用它,所以今天带来360安全浏览器改造的小建议. 整理&排版 | idea君 ,预计阅读 | 4分钟文章意在学习交流分享,如有侵权请联系删除 ...
推荐几款极简的手机浏览器
前言对于本人而言,不喜欢浏览器的首页有多余的新闻,天气以及其他的推送信息,作为一款浏览器,就应该有一款浏览器该有的样子.今天就给大家推荐几款个人认为极简的手机浏览器. Quark浏览器下载地址: ...
前端面试题之浏览器原理篇
前端面试题之浏览器原理篇一.浏览器安全 1. 什么是 XSS 攻击? (1)概念 (2)攻击类型 2. 如何防御 XSS 攻击? 3. 什么是 CSRF 攻击? (1)概念 (2)攻击类型 4. 如 ...
前端面试浏览器原理
一.浏览器安全 1. 什么是 XSS 攻击? (1)概念 XSS 攻击指的是跨站脚本攻击,是一种代码注入攻击.攻击者通过在网站注入恶意脚本,使之在用户的浏览器上运行,从而盗取用户的信息如 cooki ...

nuxt拦截IE浏览器

需求场景

难点分析

nuxt拦截IE浏览器相关推荐

最新文章

热门文章