运行基于SignalR的超线程上载器的代码,发现SignalR 在IE 9上居然没法工作了,提示如下: 提示很明显,需要json2.js的支持。...使用Nuget 搜索json2.js 并安装: 在引用之前引用json2.min.js jquery-1.6.4.min.js" type="text/javascript"> jquery.signalR-1.0.0-rc1.js" type="text/javascript"> 重新运行项目,问题解决了。
网络订票就离不开浏览器,主流的浏览器有IE,Chrome,Firefox,Safari,搜狗,傲游,猎豹等等,目前主要是WebKit内核和IE的Trident内核两大类以及国内大量的双核浏览器。...Chrome的威力,从这个角度来说,IE又败了,虽然12306网站设计的只支持IE,结果大量有IE的用户发现刚开始放票就没票了,都被Webkit刷走了,实在伤不起。...Chrome的扩展文件的扩展名(后缀)为.crx,Google Chrome可以自动关联这种扩展名为.crx的文件。...(注意安装成功以后不要删除在电脑上解压好的那个文件夹,也不要更改那个文件夹的位置,不然就又相当于卸载了……) ?...相关文章: 创建Chrome Web app Chrome Extension 动手实操
css带来的便利是很容易感受的到的,但恶心的是它在ie下的不兼容,所以某位牛人现身写了个ie-css3.htc,允许你在ie下去使用css3的部分东西。...jQuery.browser.msie) return; jQuery.fn....__ohtml__ = jQuery.fn.html; jQuery.fn.html = function(value) { jQuery(this)....经过测试,在ie678下: 都见到了可喜的圆角 阴影颜色不能控制,是默认的黑色 可喜可贺。text-shadow 和 word-wrap一切效果正常。...但有一点,如果不使用换行,在你写死元素宽度后,内置文字如果太长会溢出,但在ie6下,元素的宽度会与文字适应。
-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 --> 中)访问页面时 Respond.js 不起作用 --> 中)访问页面时 Respond.js 不起作用 --> 中)访问页面时 Respond.js 不起作用 --> 中)访问页面时 Respond.js 不起作用 --> <!
IETester 估计工作两年以上的都接触过这个工具,考虑到文章的读者可能有测试新手,所以我再简单介绍一下,用过的可以跳过。...IETester可以在独立的标签页中开启IE5.5、IE6、IE7,IE8 ,IE9,IE10,IE11这7个不同版本的IE,原则上支持WIN8 desktop,WIN7,XP和Vista操作系统。...下若没有IE7的话, IE8 的实例不工作 ) 2)如果IE10不是系统默认安装的浏览器版本,那它就不可用。...3)有一些已知的错误或者限制现在还没解决,比如前进/后退可能不起作用,焦点可能不起作用,“alert”或者“confirm”方法可能不起作用,CSS或者FLASH可能不起作用(有时候用管理员房方式运行可解决...SuperPreview可以让你设计制作好的网页在IE不同版本以及Chrome、FireFox和Safari浏览器呈现效果,而且还提供像firebug或者是微软的开发者工具一样的功能,对于调试页面将会非常有力
项目开发过程中,PM说系统只要在一个特定的浏览器中运行就好,但是在其他的浏览器中不能出现逻辑的错误,所以在开发过程中,前端和后台选择是Chrome浏览器,没有仔细测试Firefox和IE。...但是昨天PM反映了一个bug,是浏览器兼容性bug,在Chrome浏览器下工作正常,但是在IE浏览器不报错,但是逻辑是不对的。...错误就是在去重操作上,我们使用jQuery.unique()。jQuery.unique()方法在Chrome和IE浏览器中输出的结果不相同。...1,2,3,3,2,1,4]); for(var j=0;j<temp.length;j++){ console.log(temp[j]); } 在Chrome...中输出结果是:4 3 2 1;但是在IE下输出的结果是:2 3 2 1 4。
通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。...=7,9"> IE=Edge,chrome=1">#以上代码IE=edge告诉IE使用最新的引擎渲染网页,chrome...=1则可以激活Chrome Frame....如果不是的话,它不起作用 (2).content的内容是IE=8,或者IE=edge等值,注意不是IE8或者直接写个edge的值,否则不起作用 3、canonical : 这个标签是 Google、雅虎...我们在开发移动设备的网站时,最常见的的一个动作就是把下面这个东西复制到我们的head标签中: <meta name="viewport" content="width=device-width, initial-scale
02 - 2015 然而就在一年之后 2015 年 IE 此时的市场份额开始下跌,Chrome 逐渐受到开发人员以及市场的喜爱,此时的 Chrome(35.12%) 与 IE(38.78%) 是平分秋色...IE 的市场份额继续下降(24.42%)但还是没有大幅衰退,其中原因还是因为在操作系统的市场份额中 WIN7 占有的比例为 61.69%,其默认自带的浏览器版本还是为 IE 8/9 系列,其中 IE8...05 - 2018 微软从 2015 年就将 Edge 作为 IE 的新内核预置在 WIN10 系统中,然而让 IE 死亡的行动从未停止。2018 年 3 月 微软宣布登陆iPad和安卓平板。...我想 jQuery 并不会很快的失去它的光辉,在国内环境中还是拥有大量的老旧系统在使用着 IE 浏览器,至少还保证了 jQuery 在国内环境中还是占有一席之地,但这也不是应该乐观的因素。...如有一天我在工作中又需要使用到它的时候,我想我会和它说一声: “老朋友你好,老朋友再见!”
document.getElementsByName在Chrome和FF30.0中返回NodeList(木有namedItem方法的),在IE全系列中都返回HTMLCollection,吐血了吧? ...由于document.getElementsByName在不同的浏览器中返回不同类型的对象,因此推荐使用[{Number} 索引]的方法来访问集合元素会省心一些; 4....NamedNodeMap和HTMLCollection、NodeList不同,因为它是无序集合,虽然可以通过数字类型的下标索引访问NamedNodeMap集合中的元素,但该索引值并不真实代表元素在集合中的位置...另外,JQuery中也有一个data函数,那么它跟以"data-"开头的自定义特性有什么关联呢?...赋值操作时,仅仅在特性映射表中新建键值对,并不会赋值到标签对应的"data-*"特性中。 为何JQuery要设计成这样呢?
和压缩后的 bootstrap.bundle.min.js 已经包含了 Popper 仔细看一下,上面官方模板中,引入了 jquery.slim.min.js 而不是 jquery.min.js 。...不知道官方为什么做~~~ jquery.slim.min.js 与 jquery.min.js 的区别是 jquery.slim.min.js 是瘦身版,去除了Ajax功能。...-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 --> 在示例模板中,Bootstrap 4没有兼容性文件,而 Bootstrap 3中,有 html5shiv.js 和 respond.js。...具体怎么用 ,请点击 https://blog.csdn.net/bluefish_flying/article/details/72594152 html5shiv.js 和 respond.js 引入不起作用解决
六、处理兼容问题的方法 ---- 1、选择合适的框架 (1)Bootstrap (>=ie8) (2)jQuery 1.~ (>=ie6), jQuery 2.~ (>=ie9) (3)Vue (>=...[endif]--> 使用了条件注释的页面在 Windows Internet Explorer 9 中可正常工作,但在 Internet Explorer 10 中无法正常工作。...IE10不再支持条件注释 3、CSS hack (1)起因:由于不同厂商的浏览器(比如Internet Explorer,Safari,Mozilla Firefox,Chrome等),或者是同一厂商的浏览器的不同版本...我们需要针对不同的浏览器去写不同的CSS,让它能在不同的浏览器中也能得到我们想要的页面效果。实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。...--[if IE]>IE浏览器显示的内容 ; 针对IE6及以下版本:IE 6]>只在IE6-显示的内容 。
主要用于加强代码对IE的兼容性,强制IE使用当前本地最新版标准模式渲染或者用chrome内核渲染。...通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。 在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。...注意事项: 1、根据官网定义X-UA-compatible 标头不区分大小写;不过,它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前。如果不是的话,它不起作用。...2、content的内容是IE=8,或者IE=edge等值,注意不是IE8或者直接写个edge的值,否则不起作用 浏览器模式(BROWSER MODE):于切换IE针对该网页的默认文档模式、对不同版本浏览器的条件备注解析...在IE8中,IE8兼容性视图会以IE7文档模式来显示网页,同时会向服务器发送IE7的用户代理字符串。
年后换工作,一直不稳定,我就没有正式写过程序,博客也荒芜了。最近才正式接手工作,遇到很多奇葩的领导,总有很多奇葩的想法和理念。比如不让用jquery,不过要求兼容ie11和chrome ff,就行。...在把透明度去掉,就好了! .namespace { opacity: .7; /*该行引起IE11的性能极大的下降,禁用!*/ } 1、IE11不允许classList.add 多个参数。...2、IE11中,在主界面中,获取了iframe初始的contentWindow后, 如果再往里写入一个新页面,那么这个已经获取的window就无效了。...window["ActiveXObject"] || "ActiveXObject" in window) this.init("再绑定一次"); 这个在chrome ff中,不存在window失效问题...在chrome,ff中, 可不是这样,我还没有去百度原因,不知道有没有什么说法没有。 解决办法:统一用document.getElementById("frm") 5、动画编写。
标题是data-,但是这里主要讲伪元素,看明白就知道了 1、jQuery Selectors 获取伪元素的属性值 虽然JS里没有可以直接操作伪元素的选择符,然而获取其CSS属性的方法还是有的。...[0].insertRule('.test::before{color:green}',0)//chrome,firefox等非IE浏览器使用document.styleSheets[0].addRule...'这种写法在chrome和IE下都行得通,但是firefox会返回'undefined',所以建议还是使用index值来获取stylesheet */ .insertRule的语法是stylesheet.insertRule...(CSS中先定义的样式总是会被后定义的覆盖就是这个缘故。)...StyleSheetList,然而第一个如果是link而不是style,前面讲过此时无法获取对应的cssRules,则document.styleSheets[0].cssRules为null,insertRule方法不起作用
越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。...JavaScript Errors Notifier 安装该扩展后,会在Chrome地址栏中以图标形式提示JavaScript错误,因为Chrome默认只有打开console才会显示错误。...JQuery 扩展 jQuery扩展让你在当前网页中运行JavaScript和jQuery命令。...如果是在Chrome的控制台里的资源选项里查看代码则推荐使用Chrome自带的"pretty print"功能,也就是点击"{ }"图标。...IE Tab 在Chrome中打开IE浏览器标签页,你可以打开一个标签来运行Internet Explorer,让你看到的网页在IE浏览器看起来如何。
各种浏览器 能熟练使用各种浏览器(Firefox,Chrome,IE等,如果还要兼容IE6,那还要用IETester)来调试。...在团队中,能遵守团队的代码风格。 代码组织 能很出组织的很好的代码。 能写出这样的代码的方式,可以通过了解MVC,MVVM,MVP,以及各种js的设计模式。...我开发的组件(很多情况下是为了兼容IE6 WTF) simple-slide 基于jquery的简单幻灯组件。兼容 Firefox,Chrome,IE6+。...paging 基于jquery的分页组件。兼容 Firefox,Chrome,IE6+。 popup 弹出层组件。兼容 Firefox,Chrome,IE6+。...不兼容IE6。 number-controller 基于jquery的输入框中输入数字,左右两侧有加减来调节数字大小的组件。兼容 Firefox,Chrome,IE6+。
这篇文章按四个主要时期划分:早期时代--新兴的语言在浏览器中可用的十来年;jQuery时代--当jQuery和其他框架横空出世以应对JS开发中一些基础并头疼的问题的年代;单页应用时代--当开发者遇到了jQuery...但在21世纪初期,Netscape 的开发失去了活力,而 IE 持续改进(从IE5开始,接下来是5.5,然后是神挡杀神的IE6),并获得了更大的市场份额。...其中一个就是发布于 2008 年的谷歌 Chrome 浏览器。在谷歌的创新中,包含一组前所未见的强劲开发工具。依靠不断的改进和升级,这些工具帮助开发者对 HTML/CSS/JS 实时检视和编辑。...在单页应用时代,并不只是 Chrome,其他浏览器都比其他时期更平等的被使用,这对开发是某种好事。即便是 IE 这样的浏览器,也从善如流的越来越拥抱标准。...Nelson 说:“数年来我在尝试用 jQuery 和纯 JS 搭建好用的单页应用的过程中屡战屡败,直到我偶然发现了 AngularJS,它教会了我应用模型不用纠结在 DOM 中。
通过单步调试发现,默认视图在最后将tr写到table里面用的是jQuery的html()函数,就是这个函数在IE下执行效率非常低。...60ms 选择器优化 IE9 560ms chrome 60ms 从上面的结果可以看出,在这种测试条件下,我们提高的效率并不大,IE9下提高的效率尽管有所提高,但是还是很不理想,而chrome下性能基本一样...优化方案二:实时记录优化法 既然慢在DOM结构巨大时,jQuery选择器的搜索效率不是很好(特别是在IE下)。如果我们每次操作都记录下勾选的tr,那么就完全可以绕开选择器。....data(target,'datagrid')变量增加两个属性:"checkedTrsBody1"和"checkedTrsBody2"分别存储frozen部分和normal部分被勾选tr的引用,然后在各个设计到勾选的操作中维护这两个属性...最后,获取被勾选tr的时候就可以直接从这两个属性中取了,其耗时是可以忽略的。
我们都知道,前端开发最让人头疼的事情,就是兼容ie系列的浏览器了,不但麻烦还让人头秃,今天记录一个border-radius属性IE8浏览器兼容的问题。...在IE8浏览器里面,border-radius这个属性是不起作用的,这个时候,就需要进行一些处理了,首先下载pie.htc文件pie.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件 PIE.HTC...下载地址:http://css3pie.com/download-latest-1.x 下载完成之后,将PIE.js文件引入 并且在样式里面引入...=edge"> IE8浏览器兼容border-radius jquery/1.11.3/...jquery.min.js"> .btn {