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


相关推荐

  • 关于SQLServer 中行列互转的实例说明

    关于SQLServer 中行列互转的实例说明

    2021年11月24日
    44
  • docker集群软件之fleet安装

    docker集群软件之fleet安装前几天给大家介绍了docker的集群存储软件etcd的安装(地址http://dl528888.blog.51cto.com/2382721/1623746),今天就再给大家介绍集群的控制软件fleet安装。fleet的介绍,info里复制的fleet 是一个通过 Systemd对CoreOS 集群中进行控制和管理的工具。fleet 与 Systemd 之间通过 D-Bus API 进行交互,每个…

    2022年5月1日
    138
  • 分布式系统下的纠删码技术(一) — Erasure Code (EC)

    分布式系统下的纠删码技术(一) — Erasure Code (EC) 近几个月主要参与一个分布式存储系统的纠删码部分(用于数据容错),纠删码在学术界出现比较早,现在ceph,微软的存储系统,Hadoop3.0等都用了EC。文章会分为多篇,主要将ErasureCode,LRC, 以及相关的数学基础,作为学习总结。 一、纠删码简介      分布式系统需要在硬件失效等故障发生后仍然能继续提供服务。就数据而言,HDFS采用每份数据3副本的方式,保…

    2025年7月2日
    3
  • mp3格式音频文件结构解析图_mp3文件结构

    mp3格式音频文件结构解析图_mp3文件结构一、概述Layer-3音频文件,MPEG(MovingPictureExpertsGroup)在汉语中译为活动图像专家组,特指活动影音压缩标准,MPEG音频文件是MPEG1标准中的声音部分,也叫MPEG音频层,它根据压缩质量和编码复杂程度划分为三层,即Layer-1、Layer2、Layer3,且分别对应MP1、MP2、MP3这三种声音文件,并根据不同的用途,使用不同层次的编码

    2025年6月9日
    4
  • 详解 Java 内部类

    详解 Java 内部类前言内部类在Java里面算是非常常见的一个功能了,在日常开发中我们肯定多多少少都用过,这里总结一下关于Java中内部类的相关知识点和一些使用内部类时需要注意的点。从种类上说,内部类可以分为四类:普通内部类、静态内部类、匿名内部类、局部内部类。我们来一个个看:普通内部类这个是最常见的内部类之一了,其定义也很简单,在一个类里面作为类的一个字段直接定义就可以了,例:pub…

    2022年10月11日
    3
  • 组合数递推的计算方法 c语言,组合数公式的递推公式

    组合数递推的计算方法 c语言,组合数公式的递推公式组合数公式的递推公式:c(m,n)=c(m-1,n-1)+c(m-1,n)。等式左边表示从m个元素中选取n个元素,而等式右边表示这一个过程的另一种实现方法:任意选择m中的某个备选元素为特殊元素,从m中选n个元素可以由此特殊元素的被包含与否分成两类情况,即n个被选择元素包含了特殊元素和n个被选择元素不包含该特殊元素。前者相当于从m-1个元素中选出n-1个元素的组合,即c(m-1,n-1);后者相当于…

    2022年7月15日
    18

发表回复

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

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