兼容性

在移动设备中,有一些H5由于需要用户横屏查看的,常见的做法是检测屏幕方向,然后提示用户旋转屏幕查看,这样子虽然可以,但如果用户是固定了屏幕的,那么体验就比较差了,本文分享让页面一进来就强制横屏方向显示的代码及遇到的问题解决方法。

阅读全文

之前写的文章:使用JavaScript判断手机是处于横屏还是竖屏,最近的一个项目需要判断这个,但在chrome的调试模式中发现横屏和竖屏使用上面的代码并不能检测到,所以我认真做了一些了解,本文分享一个合适的代码来判断横屏和竖屏。

阅读全文

最近使用了ES6的一些特性,然后因为要兼容IE浏览器,比如promise和fetch等,我引入了一个polyfill.js,然后我使用特性来检测IE浏览器的版本。但由于polyfill.js修复了IE的这些缺陷特性,使得我无法得到正确的IE版本。本文分享另外两种检测IE浏览器的代码。

阅读全文

在IE6下,select是一个浏览器控件,有一个诡异的bug,那就是z-index无效,当出现弹窗在select上面时,select会诡异的出现在你的最前面。 解决方法有三种: 1.用 iframe 包裹 select 元素 使用ifram ...

阅读全文

IE6 不兼容min-width,但我们可以通过IE的一个特性,就是能够根据内容的宽度或者高度自动扩充盒子的大小。一些人用CSS表达式来写,但更多的人也许会用IE6特有的hack来表达。今天分享一个不用ie hack的代码,而是利用ie7等 ...

阅读全文

在项目使用中定义了scrollTo(),这个函数,发现在Firefox下不起作用,查了之后才发现原来window里面就有这么一个方法,改为别的名字后,果然可以运行了。记住以后不要使用下面这些window的方法来命名函数名,否则会出现一些不可意料的bug.

阅读全文

JavaScript判断IE浏览器版本IE6,IE7,IE8

前端开发中常常会和IE打交道,本文将介绍如何使用JavaScript来检测IE浏览器的每个版本,包括IE11、IE10、IE9、IE8、IE7、IE6等更旧浏览器,并且还可以叠加,如IE10及以下,IE8及以下,IE6及以下,IE11或者非IE浏览器。

阅读全文