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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

发表回复

您的电子邮箱地址不会被公开。

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