浏览器检测

Web Storage 是一项非常重要,并且很实用的技术,因此浏览器的支持度非常高,所有的主流浏览器,包括IE8,都在一定程度上支持Web Storage。尽管如此,最好还是像往常一样,在使用前先检测浏览器是否支持Web Storage。

在Web Storage中,可以直接使用 window 对象访问特定域下存储的数据。因此,只需检测浏览器是否支持 window.localStorage 或 window.sessionStorage,就能确定它是否支持Web Storage。如,以下代码可以检测浏览器是否支持 localStorage:

  1. if(window.localStorage) {
  2.     alert("浏览支持localStorage");
  3. } else {
  4.     alert("浏览暂不支持localStorage");
  5. }

在Google Chrom浏览器中的运行结果如图 5‑1 所示:

图5-1 检测浏览器是否支持localStorage 和 sessionStorage

如果浏览器不支持 localStorage,就要使用其他本地存储技术,比如cookie,因为所有浏览器都支持cookie。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》,并全部在 GitHub 上开源。

版权声明:本文出自 歪脖网 的《HTML宝典》,欢迎在线阅读,并提出宝贵意见。

HTML5 浏览器检测相关推荐

  1. 浏览器对HTML5特性检测工具Modernizr

    最近在做公司移动端运营的项目,需求中多处地方都会涉及动画.相信很多前端开发都会有这种感触,对CSS3中的动画属性很熟悉,但是由于对动画运动过程的理解不深入,经常只能望而止步.CSS3中动画这在Web页 ...

  2. html5测网址,HTML5浏览器测试网站汇总

    我经常看到有很多人询问HTML5某个特性当前各浏览器的支持情况.的确,因为HTML5内容庞大,特性众多,而浏览器的支持情况又混杂不一,随时都有可能变化,所以了解起来比较困难.在这里,我汇总了一些常用的 ...

  3. html5摄像头手势识别,HTML5 手势检测原理和实现

    原标题:HTML5 手势检测原理和实现 作者:周林,github,陆金所前端程序员,专注 Hybrid APP 性能优化和新技术探索.欢迎任何形式的提问和讨论.前言 随着 Hybrid 应用的丰富,H ...

  4. 一些js代码,自己备用的。高手不要笑话我。。(跨浏览器基础事件,浏览器检测,判断浏览器的名称、版本号、操作系统)...

    跨浏览器基础事件 View Code 1 //跨浏览器添加事件 2 function addEvent(obj, type, fn) { 3 if (obj.addEventListener) { 4 ...

  5. Html5浏览器支持

    HTML5 浏览器支持 把 HTML5 元素定义为块级元素 语义块级displayblock实例 header, section, footer, aside, nav, main, article, ...

  6. 无插件无 Flash HTML5 浏览器直接玩《Quake II》

    HTML5 的能力究竟有多强?在游戏方面是否能超过Flash?看过这个视频 就能见分晓. 为了展示HTML5浏览器的游戏能力,Google Web工具包团队的工程师专门制作了基于HTML5技术的经典第 ...

  7. 对象检测和浏览器检测

    对象检测是避免浏览器问题的最佳助手.不依赖浏览器种类和版本,依赖浏览器能力,一旦知道访问者的浏览器支持某些对象,就能安全启动脚本. function isCompatible(other) {     ...

  8. [html] 说说html5手势检测原理是什么?

    [html] 说说html5手势检测原理是什么? 手势检测的关键是用 touchstart,touchmove,touchend 三个事件对手势进行分解 个人简介 我是歌谣,欢迎和大家一起交流前后端知 ...

  9. 一个前端博客(9)——浏览器检测和加载

    浏览器检测 浏览器检测是通过JavaScript BOM的navigator对象实现的. Navigator.userAgent W3C上:userAgent 属性是一个只读的字符串,声明了浏览器用于 ...

  10. JavaScript做浏览器检测

    最近看了一些面试题,有些还比较有意思,所以拿出来分享一下 1.最短IE浏览器检测 if(!-[1,])//我试了多次,在windows10的ie不行啊console.log("这是ie浏览器 ...

最新文章

  1. 手把手教你JavaEE的分页查询、分页展示,有了这个,你的项目又多了一个谈资
  2. Windows Server 2003 网络互访新特性
  3. 08_使用TCP/IP Monitor监视SOAP协议
  4. Get Form type using javascript in CRM 2011
  5. [COCI 2018#5]Parametriziran
  6. 机器学习实践二 -多分类和神经网络
  7. python global用法_【干货】每天更新两个Python 小例子(十九)
  8. din算法 代码_从啥也不会的小白,如何成为合格的算法工程师?
  9. 玩家在RTX 3090显卡中发现了指套
  10. 完美的代价(蓝桥杯)
  11. linux终端黑绿字配色方案注意事项
  12. HTML实现学习网站首页
  13. P2422 良好的感觉
  14. cache数据库入门教程 数据库m语言常用函数和命令
  15. SpringBoot使用AOP记录接口操作日志
  16. 静态类型语言、动态类型语言、强类型定义语言、弱类型定义语言、编译型语言、解释型语言...
  17. 将基站搬到天上,物联网迎来一场“升维”竞争
  18. python绘制多边形样例_Python绘制多边形
  19. 硕士毕业论文应该如何梳理论文框架?
  20. 如何提取文件名称到excel

热门文章

  1. 访问控制基础(DAC,MAC,RBAC,ABAC,BLP)
  2. 17、Java——汽车租赁系统(对象+数组)
  3. python中的函数(全)
  4. 虚幻4地形怎么增加层_虚幻周报20200512 | 该来的总会来的!
  5. chrome 常用快捷键(可以摆脱鼠标哦)(转载)
  6. SRIO系统初始化过程和路由配置
  7. c语言用flag找2-n素数,C语言求素数和
  8. Flutter 未检测到iOS模拟器以及Android Studio无法获取iOS模拟器的问题
  9. 使用命令启动IOS模拟器
  10. 从怎样解题到怎样解决问题