WEB前端测试浏览器兼容性的娃有福了！

　　今天调试前端的一个js效果，在其它浏览器上都正常，本人的IE11也正常，但是同事的IE8下就不正常，于是楼主只能去找第三方软件了。先用的微软的Microsoft Expression SuperPreview4，但是它只能看静态页面，运行不了JS，于是只能去用IETester（楼主以前用过IETester，不太好用，经常崩溃）。在IETester下试了，居然还是正常的，楼主瞬间凌乱了，不只如何下手了，只能再去找度娘了。在一篇帖子中看到一个好办法，真心好啊，楼主以前居然都没发现，贴图如下：

　　

　　在IE下按F12，打开开发者工具，然后在菜单中找到“仿真”选项，其中的“文档模式”下就是各个IE的版本，因为楼主用的IE11，所以默认值就是IE11，下面是其他版本（IE6被干掉了难道是因为XP被干掉了么）。选择不同的IE版本，浏览器会自动刷新页面，你就可以看到在不同IE版本下的页面效果。

　　经楼主测试，已知的textarea的maxlength在html5中有，故IE11是支持的，但是在IE8中是不支持的，测试的结果也是如此，故可以肯定这个功能是可用的！

　　写完这些，楼主仍然是鸡动不已啊，这个问题困扰了好久，一直没有很好的解决办法，这次终于解决了，给大家分享下！

WEB前端测试浏览器兼容性的娃有福了！,布布扣,bubuko.com

时间： 2024-10-24 02:57:00

WEB前端测试浏览器兼容性的娃有福了！的相关文章

WEB前端解决浏览器兼容性问题

1.HTML对象获取问题 FireFox:document.getElementById("idName"); ie:document.idname或者document.getElementById("idName"). 解决办法:统一使用document.getElementById("idName"); 2.const问题 说明:Firefox下,可以使用const关键字或var关键字来定义常量; IE下,只能使用var关键字来定义常量. 解

web前端测试（二）

web前端测试(二)   HTML 语言中,设置表格中文字与边框距离的标签是() * [单选题] * A.<table boder=””> B.<table cellspacing=””> C.<table cellpadding=””>(正确答案) D.<table width=””> 以下说法,错误的是() * [单选题] * A.mark用于显示变粗的文字(正确答案) B.<del>用于显示删除的文本 C.<ins>的文字会带下

前端（浏览器兼容性Ie与chrome）之滚动条的隐藏

在我们进行网站开发时,可能会有为了保持网站的美观和整洁性而想要隐藏滚动条的想法.在最近的网站开发过程中,我就曾碰到过这个问题.针对这个问题也进行了相应的研究学习,整理了如下的几个思路: 一.使用CSS样式来解决(Chrome浏览器) #content::-webkit-scrollbar { /*此处设置滚动条的宽度和高度,宽度为纵向滚动条设置,高度为横向滚动条设置,设置为0的滚动条消失*/ width: 4px; height: 4px; } #content::-webkit-scrollb

前端常见浏览器兼容性问题

1.不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同解决方案: css 里增加通配符 * { margin: 0; padding: 0; } 2.IE6双边距问题:在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案:设置display:inline; 3.当标签的高度设置小于10px,在IE6.IE7中会超出自己设置的高度解决方案:超出高度的标签设置overflow:hidden,或者设置line-height的值小于你的设置高

移动开发 or web 前端？

之前写了一篇文章「微信小程序」有哪些冲击与机会?,然后公众号后台一大堆同学问我这么一个问题,说正在准备或者已经在学习 Android 开发了,看完我的文章感觉很恐慌,更加难以选择了. 其实在微信小程序出来之前,就有不少同学问我关于 web 前端与移动开发的选择问题,只不过微信小程序出来了,微信的影响力不得不值得关注,这个问题就被放大了,所以,今天单独写篇文章来解答下你们的困惑. 1. 编程基础是通的 首先我们要有这么一个意识,就是只要从事编程,不管你选择什么方向,web 前端.Android.i

web前端开发的浏览器兼容性

首先我们来看一下目前市面上常见的一些浏览器:ie.chrome.firefox.safari.opera.maxthon.360.qq.yy.uc.sogou.2345.淘宝.猎豹.世界之窗等 其中表现很出色的有chrome.firefox.safari等:而表现极差的就是ie6/7内核浏览器了,我们的兼容性工作大半都是围绕这两个浏览器内核展开 我们的常规处理方式是调试各浏览器网页显示效果.使用成熟的前端开发框架.运用css与hack技巧等 常见hack技巧 css _:ie6内核浏览器识别 c

Web浏览器兼容性测试工具如何选择

对于前端开发工程师来说,网页兼容性测试工程师而言,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,领测软件测试网向您推荐12款很棒的浏览器兼容性测试工具让我们一起看看这些很棒的工具吧. Spoon Browser Sandbox 点击你需要测试的浏览器环境,安装插件就可以进行测试了.帮助你测试网页在Safari.Chrome.Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了. Super

web前端开发中的浏览器兼容性总结

1.居中问题 div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto; 2.高度问题 两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象:但在IE中,下面的div会自动给上面的div让出空间所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他自动调节,比较好的方法是 height:100%;但当这个div里面一级的元素都float了的时候,则需要在div块的

Web前端浏览器兼容性个人经验总结

前言 浏览器兼容是前端开发人员必须掌握的一个技能,但是初入前端的同学或者其他后台web开发同学往往容易选择忽略,而形成两个极端: 我最开始都是使用IE6,IE6上没问题,其它浏览器坑爹(多出现与前端后端一起搞的同学,小生2年前就这种状态,鼓励人家用ie6....) 我要遵循标准,我只要ff就好,IE就是坑爹的玩意,我不必去理他(小生一年前的心态...) 现在看来,之前的想法都是不对的,我们诚然应该追求最新的浏览器使用最新的技术,但是渐进增强,向后兼容的思想一定要有, 因为就现在IE6在中国的份额