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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 前端开发常用网站_软件开发领域知识

    前端开发常用网站_软件开发领域知识87个前端必备开发网站来源:https://zhuanlan.zhihu.com/p/86777413来源:https://zhuanlan.zhihu.com/p/86777413来源:htt

    2022年8月3日
    7
  • HBase面试题精讲「建议收藏」

    HBase面试题精讲「建议收藏」1.HBase的特点是什么?1)大:一个表可以有数十亿行,上百万列;2)无模式:每行都有一个可排序的主键和任意多的列,列可以根据需要动态的增加,同一张表中不同的行可以有截然不同的列;3)面向列:面向列(族)的存储和权限控制,列(族)独立检索;4)稀疏:空(null)列并不占用存储空间,表可以设计的非常稀疏;5)数据多版本:每个单元中的数据可以有多个版本,默认情况下版本号自动分配,是单元格插入时的时间戳;6)数据类型单一:Hbase中的数据都是字符串,没有类型。2.HBase和Hive

    2022年5月6日
    50
  • 基于flannel网络搭建的docker,flannel连接不上2379端口,etcd集群出现异常

    基于flannel网络搭建的docker,flannel连接不上2379端口,etcd集群出现异常

    2021年6月2日
    112
  • mongoVue激活成功教程版「建议收藏」

    mongoVue激活成功教程版「建议收藏」下载地址:https://pan.baidu.com/s/1mhPejwO#list/path=%2Fwindows%20soft

    2022年8月21日
    3
  • oracle报错ora-01017_oracle表类型变量

    oracle报错ora-01017_oracle表类型变量begin test.test(a=>1,                 b=>:603);end; 执行的时候报错: Ora-01008错误:oracle并非所有变量都已绑定 原因是  b=>:603之前多了一个冒号导致他判断错误,解决方法是检查和删除不需要的冒号。

    2022年9月7日
    1
  • mysql的case when语法_sql基本语句大全

    mysql的case when语法_sql基本语句大全介绍mysql数据库中casewhen语句的用法,首先介绍casewhen语句的基础知识,然后提供了相关例子。(1)mysql数据库中CASEWHEN语句。casewhen语句,用于计算条件列表并返回多个可能结果表达式之一。CASE具有两种格式:简单CASE函数将某个表达式与一组简单表达式进行比较以确定结果。CASE搜索函数计算一组布尔表达式以确定结果。两种格式都支持…

    2022年9月5日
    3

发表回复

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

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