vuejs搭建的项目对于ie浏览器的处理「建议收藏」

vuejs搭建的项目对于ie浏览器的处理「建议收藏」Vue不支持IE8及以下版本,因为Vue使用了IE8无法模拟的ECMAScript5特性,所以在项目中需要对IE浏览器做处理1.在index.html中写入以下代码<!–[ifie]><script>  window.location.href=’./static/ifie.html;</script>…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性,所以在项目中需要对IE浏览器做处理

1.在index.html中写入以下代码

<!–[if ie]>

<script>

  window.location.href = ‘./static/ifie.html;

</script>

<![end if]–>

2.ifie.html中的代码如下

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<meta charset=”utf-8″>
<title>浏览器兼容错误</title>
<meta http-equiv=”pragma” content=”no-cache”>
<meta http-equiv=”cache-control” content=”no-cache”>
<meta http-equiv=”expires” content=”0″>
<style type=””>
#divs
{

white-space:nowrap;
display: block;
width: 100%;
overflow: auto;
}
#divs li
{

width: 70px;
height: 80px;
margin: 3px;
display: inline;
}
</style>
<script type=”text/javascript”>
if (navigator.userAgent.match(/firefox|chrome|safari/i)){

window.location.href = “../index.html”;
}
</script>
</head>
<body >
<div id=”divs” style=”margin-top: 3%;width: 100%;height: 100%;background: white;”>

<p style=”color: black;font-weight: lighter;text-align: center;margin-top: 20px;”>
<span>您当前使用的浏览器不支持最新的HTML5技术。</span>
<br/>
<br/>
<span>如果您正在使用360等双核心浏览器,请切换到高速(或极速)模式下即可。</span>
<br>
如图所示:
<br />
<img src=”https://img-blog.csdnimg.cn/2022010612305211468.jpeg” alt=””>
<br />
<br />
<span>推荐您使用Google,火狐,或者Google核心,360安全浏览器</span>
<br />
<br />

</p >
<br>
<ul style=”text-align: center;white-space: nowrap; “>
<li>
<a href=”” target=”_blank” style=”text-decoration: none;”>
<img style=”width: 56px;height: 56px;border: 0;” src=”https://img-blog.csdnimg.cn/2022010612305367431.jpeg” alt=””>Chrome浏览器
</a >
</li>
<li>
<a href=”http://www.firefox.com.cn/” target=”_blank” style=”text-decoration: none;”>
<img style=”width: 56px;height: 56px;border: 0;” src=”https://img-blog.csdnimg.cn/2022010612305335077.jpeg” alt=””>Firefox浏览器
</a >
</li>
<li>
<a href=”http://se.360.cn/” target=”_blank” style=”text-decoration: none;”>
<img style=”width: 56px;height: 56px;border: 0;” src=”https://img-blog.csdnimg.cn/2022010612305366485.jpeg” alt=””>360安全浏览器
</a>
</li>
</ul>
</div>
</body>
</html>

 

转载于:https://www.cnblogs.com/wangpeiyuan/p/8134093.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/192850.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • springboot框架详解_springboot加载spring框架

    springboot框架详解_springboot加载spring框架一图胜千言:springboot容器启动流程:其中最重要的:运行机制为:springboot事件驱动:详情见:springboot事件驱动与观察者模式(http://www.cnblogs.com/dennyzhangdd/p/8343229.html)springboot启动流程图:分层图:…

    2022年8月21日
    8
  • eplan激活码破解步骤win10【2021.7最新】

    (eplan激活码破解步骤win10)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~MLZP…

    2022年3月21日
    1.4K
  • Odin Inspector 系列教程 — Hide If Attribute[通俗易懂]

    Odin Inspector 系列教程 — Hide If Attribute[通俗易懂]HideIfAttribute用于任何属性,并且可以在检查器中隐藏该属性。使用此选项可根据对象的当前状态隐藏不相关的属性。传一个属性的名称,此属性的值如果为true或者部位null,则隐藏此属性[HideIf(“IsToggled”)]publicVector3HiddenWhenToggled;[HideIf(“Som…

    2022年7月21日
    10
  • java判断回文字符串几种简单的实现

    java判断回文字符串几种简单的实现java判断回文字符串几种简单的实现

    2022年5月3日
    65
  • 史上最全微信运营工具「建议收藏」

    史上最全微信运营工具「建议收藏」图文排版编辑器  ●秀米:xiumi.us  ●易点编辑器:wxedit.yead.net  ●135微信编辑器:http://www.135editor.com/  ●扔赞微信编辑器:http://bianji.rengzan.com/  ●小易微信编辑器:http://xiaoyi.e7wei.com/  

    2022年6月4日
    82
  • vscode golang详细配置(持续更新)_vscode docker

    vscode golang详细配置(持续更新)_vscode docker首先安装golang开发环境,这个不用说。到这个页面下载golang的安装包https://studygolang.com/dl,再安装就可以了。一、下载并安装vscodehttps://code.visualstudio.com/二、安装Go插件在vscode插件中搜索Go的开发插件,安装后如图所示三、下载调试工具使用vscode加载go…

    2022年10月9日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号