程序员经验分享-hwhale

Vue3-浏览器兼容性 IE篇

2023-05-16

在前端做适配的时候有些客户使用了比较旧的浏览器如IE8、9等，前端技术栈中有些功能会出现异常或者无法显示页面，记录几个常用的方法对不兼容的浏览器抛出友好异常。

  1. 检测是否为IE浏览器
function isIE() {
        if (!!window.ActiveXObject || "ActiveXObject" in window){
            return true;
        }else{
            return false;
        }
    }
  1. 如果JS无法兼容该浏览器，则跳转到说明页面
///*@cc_on!@*/ IE条件编译，被执行时候返回True，非IE下返回False
/*
MSInputMethodContext是检查IE功能上下文的一个变量，IE特有
documentMode 是 IE 浏览器特定属性，在IE8及之后的IE版本都支持该属性。
*/
    if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) {
        window.open("https://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href));
    };
  1. 除了第一种方式之外，还可以使用noscript标签，在不支持JS时会抛出异常
<noscript>
    <strong>We're sorry but Application doesn't work properly without JavaScript enabled.Please enable it to continue.</strong>
</noscript>

以上源码部分或全部参考于开源社区Github，感谢以下开源代码作者做出的贡献
Naive-UI-Admin

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue3

浏览器兼容性

Vue3-浏览器兼容性 IE篇 的相关文章

  • VUE3中defineExpose的使用方法

    使用

  • 浏览器兼容性测试工具

    相关连接 浏览器兼容性概述 目录 一 浏览器兼容性测试工具 1 0 IETester 免费 exe 1 1 SuperPreview 收费 exe 1 2 Adobe Browserlab 在线测试 1 3 BrowserStack 在线测

  • 【Token+Vue3】token无感刷新

    token刷新介绍 单token 用于登录判断 toekn过期自动刷新 拒绝一切前端判断token 数据库存储token最后刷新时间与刷新次数 刷新次数上限20次 未登录3天需重新登录来刷新token token刷新规则 token过期自动

  • vue3的一些知识点plus--4

    二十六 hooks使用 hooks 复用代码进行封装 钩子函数 和vue2中的mixins相似 将共同部分抽离出来 也有开源的库 vueUse 包含各种hooks 可以在 官网 查看 我们自己怎么编写呢 要知道hook底层就是个函数 返回p

  • vue 3.0新特性之reactive与ref

    vue 3 0新特性 参考 https www cnblogs com Highdoudou p 9993870 html https www cnblogs com ljx20180807 p 9987822 html 性能优化 观察者机

  • Vue3中的computed函数详解

    计算属性是Vue中常用的一种方式 主要用于在模板中放置逻辑计算 方便开发者进行数据操作和展示 在Vue3中 计算属性依然是非常重要的一种功能 而computed函数则更加的方便计算属性的使用 本文将对Vue3中的computed函数进行详细

  • uni-app微信小程序开发自定义select下拉多选内容篇

    欢迎点击领取 前端面试题进阶指南 前端登顶之巅 最全面的前端知识点梳理总结 分享一个使用比较久的 技术框架公司的选型 uni app uni ui vue3 vite4 ts 需求分析 微信小程序 uni ui内容 1 创建一个自定义的下拉

  • Vue3全局提示（Message）

    Vue2全局提示 Message 可自定义设置以下属性 自动关闭的延时 duration 类型 number 单位ms 默认 3000ms 消息距离顶部的位置 top 类型 number 单位px 默认 30px 调用一次只展示一个提示 调

  • Vue3全网最细介绍使用

    文章目录 一 Vue3介绍 二 Vue3项目创建 三 Setup 四 ref与reactive 五 setup context 六 计算属性 七 监听属性 八 Vue3生命周期 九 自定义hook函数 十 toRef 一 Vue3介绍 1

  • 不习惯的 Vue3 起步六 の Echarts绘制下钻地图

    序 看过一些可视化大屏展示地图的例子 准备动手做做 既然要开始比制作 那么先把目标定好 做一个展示中国城市的下钻地图 使用 Vue3 Vite Typescript echarts 实现效果 准备工作 创建项目 因为准备使用Vue3 Vit

  • vue3 父子组件传参

    父向子传参 父组件

  • Vue3+TypeScript 完整项目上手教程

    转自 Vue3拥抱TypeScript的正确姿势 https juejin im post 6875713523968802829 一个完整的Vue3 Ts项目 支持 vue和 tsx写法 项目地址 https github com vin

  • Vue3 -- teleport传送门

    目录 teleport传送门 例 蒙层特效 目标效果 代码演示 页面效果 未使用teleport存在的问题 使用teleport实现目标效果 完整代码 总结 teleport传送门 Teleport 是一种能够移动 DOM到Vue根节点之外

  • vue3+ts实现todolist功能

    先看一下实现效果 可以看到内部实现的内容有enter输入 单项删除 全选 以及删除选中项等功能 具体在实现前需要常见有ts的vue3项目 项目创建 具体项目创建 就是 vue create 项目名称 在创建后 选择的时候有vue2和vue3

  • vue3 新特性

    注册全局组件 import HelloWorld from components HelloWorld vue const app createApp App 全局挂载属性和方法 方法一 app config globalPropertie

  • vue3中的readonly

    接受一个对象 不论是响应式还是普通的 或是一个 ref 返回一个原值的只读代理 只读代理是深层的 对任何嵌套属性的访问都将是只读的 它的 ref 解包行为与 reactive 相同 但解包得到的值是只读的 类型 function reado

  • Vue3状态管理库Pinia——核心概念（Store、State、Getter、Action）

    个人简介 个人主页 前端杂货铺 学习方向 主攻前端方向 正逐渐往全干发展 个人状态 研发工程师 现效力于中国工业软件事业 人生格言 积跬步至千里 积小流成江海 推荐学习 前端面试宝典 Vue2 Vue3 Vue2 3项目实战 Node js

  • vue项目中批量删除如何实现的

    简单回答 与单个删除的接口为同一个 然后通过数组对象的id来删除

  • 【Vue3.0实战逐步深入系列】使用elementui组件库element-plus美化投票功能

    千字长文 熬夜更新 原创不易 多多支持 感谢大家 前言 小伙伴们大家好 前面一篇文章中我们利用vue3 0实现了一个超级简单的投票功能 虽然功能是实现了也达到了巩固vue3 0知识点的目的 但是页面没有添加任何样式也没有进行任何的UI设计

  • vue3 父传参到子（defineProps），父调子方法（defineExpose）

    父页面

随机推荐

  • Linux系统下定时关机命令shutdown

    接触过linux系统的都知道shutdown命令用于安全的关闭 重启计算机 xff0c 用决定命令shutdown不仅可以实现定时关机 xff0c 还可以由用户自己决定关机时的参数 xff1a 以下简单了解一下同样的功能在linux下使用s

  • 解决Ubuntu 显卡驱动升级导致的 显卡驱动和内核版本不匹配的问题

    解决Ubuntu 显卡驱动升级导致的 显卡驱动和内核版本 xff08 同时内核存在问题 xff09 不匹配的问题 不要轻易升级显卡驱动版本 xff01 xff01 xff01 xff01 xff01 xff01 xff01 xff01 xf

  • Nginx+Consul_Upsyc动态切换配置实现动态流量切换

    Nginx 43 Consul Upsyc动态切换配置 大纲 基础概念安装流程测试例子 基础概念 动态配置可以让nginx在不停机的情况下 xff0c 实现动态的切换后端负载的服务器 xff0c 为各种发布方式提供基础的流量切换工作 htt

  • [AHK]实现Word保存前先更新目录

    重新定义热键Ctrl 43 s 用AHK重新定义Ctrl 43 s热键 xff0c 实现当按Ctrl 43 s后 xff0c 会先更新Word中插入的目录 AHK源代码 span class token punctuation span 作

  • win10把中文用户名改为英文用户名的两种方法

    电脑安装好win10系统后后创建了一个中文名的账户 xff0c 进入系统发现C User下的文件夹是中文名 xff0c 虽然中文名方便识别 xff0c 但是这样有一个很不好的地方 xff0c 那就是很多软件安装在个路径下 xff0c 有些软

  • [QMT]08-从本地行情数据解析历史K线信息

    用python解析QMT本地数据 获取本地行情数据 get local data field list 61 stock code 61 period 61 39 1d 39 start time 61 39 39 end time 61

  • Nginx+keepalived实现nginx高可用

    提前备好两台服务器 xff08 主 xff1a 192 168 2 34 xff0c 备 xff1a 192 168 2 24 xff09 xff0c 并安装好nginx xff0c nginx安装此文不做赘述 1 下载keepAlived

  • 提取括号中的内容

    正则能解决不嵌套的括号内容提取问题 遇到一个问题 xff0c 就是需要提取字符串中每一个中括号里的内容 xff0c 在网上搜了一下 xff0c 发现用正则表达式 可以提取中括号中的内容 xff0c 以下面文本为匹配对象 xff1a Perf

  • [AHK]将字符转换成莫尔斯电码

    这个程序可以在记事本中使用 当用户按下空格键时 xff0c 程序会获取当前选中的文本 xff0c 并将其转换为莫尔斯电码播放出来 如果用户选中的文本包含非摩尔斯电码字符 xff0c 程序会自动忽略它们 将字符转换成莫尔斯电码 这个程序可以在

  • 开放原子训练营（第二季）RT-Thread Nano学习营刘玉宽

    目录 前言 RT Thread简介 搭建开发环境 实验过程 1 LED 使用示例 2 按键使用示例 3 自动化执行的示例 4 自定义 msh 命令 5 多线程示例 6 定时器示例 7 消息队列示例 8 摩斯电码使用 实验总结 前言 4月22

  • 关于主机远程唤醒（WOL,Wake on Lan）的几种方法

    WOL 网络唤醒功能非常实用 xff0c 譬如可以用手机遥控电脑开机 xff0c 开启其他房间里的电脑或 NAS xff0c 控制办公室多台电脑批量开关机等 虽然 WOL 主要是在局域网使用 xff0c 但如果配置好公网访问 xff0c 还

  • 双拼和简拼兼容的方案

    双拼和简拼兼容的方案 http wubi sogou com bbs viewthread php tid 61 155980 作者 xff1a Thunk 在双拼状态下 xff0c 如果提供简拼输入 xff0c 往往会增加重码 xff0c

  • cmd /c和cmd /k

    cmd c和cmd k http leaning javaeye com blog 380810 java的Runtime getRuntime exec commandStr 可以调用执行cmd指令 cmd c dir 是执行完dir命令

  • 9 种流行的文件、文件夹比较工具点评 （转贴）

    1 FCU 推荐 xff1a 主页 xff1a http fcu smibe com 功能 xff1a 目录比较 xff0c 文件比较 特点 xff1a 文件比较以三个窗口显示 上部分的左侧窗口和右侧窗口为原始比较文件 xff0c 不同部分

  • 64位windows10，打不chm文件问题，终于解决了。。。

    公司新给配了一台win10笔记本 xff0c 发现打不开chm文件 xff0c 度娘给的方案都是修改文件属性解除锁定之类的 xff0c 根本解决不了问题 经过几天研究 xff0c 发现将chm文件拖放到 SysWOW64中的hh exe可以

  • 蓝牙键盘无法连接 ，win10要求输入pin码可是却不显示pin码

    解决方案 xff1a 打开 设备和打印机 xff0c 切换到在设备上输入密码就可以显示PIN码

  • Vue3-使用axios发起网络请求

    即使是小型项目也会涉及到请求后端API xff0c 除非你的网站展示的是一些不需要维护的静态数据 xff0c 第三篇文章我们来给Vue项目搞上axios 何为Axios xff1f 请看官方对Axios的描述 xff0c 传送门 官方文档

  • linux查看防火墙，开放端口

    1 查看防火墙状态 xff1a active running 即是开启状态 systemctl status firewalld 2 如果不是显示active状态 xff0c 需要打开防火墙 systemctl start firewall

  • UOS 欢迎信息

    赛题 2 操作系统配置 所处区域 CST 8 系统环境语言 English US UTF 8 键盘 English US 注意 当任务是配置TLS 请把根证书或者自签名证书添加到受信任区 控制台登陆后不管是网络登录还是本地登录 都按下方欢迎

  • Vue3-浏览器兼容性 IE篇

    在前端做适配的时候有些客户使用了比较旧的浏览器如IE8 9等 xff0c 前端技术栈中有些功能会出现异常或者无法显示页面 xff0c 记录几个常用的方法对不兼容的浏览器抛出友好异常 检测是否为IE浏览器 span class token k

热门标签