网络订票就离不开浏览器,主流的浏览器有IE,Chrome,Firefox,Safari,搜狗,傲游,猎豹等等,目前主要是WebKit内核和IE的Trident内核两大类以及国内大量的双核浏览器。...Chrome的威力,从这个角度来说,IE又败了,虽然12306网站设计的只支持IE,结果大量有IE的用户发现刚开始放票就没票了,都被Webkit刷走了,实在伤不起。...Chrome的扩展文件的扩展名(后缀)为.crx,Google Chrome可以自动关联这种扩展名为.crx的文件。...(注意安装成功以后不要删除在电脑上解压好的那个文件夹,也不要更改那个文件夹的位置,不然就又相当于卸载了……) ?...相关文章: 创建Chrome Web app Chrome Extension 动手实操
find() 方法为数组中的每个元素都调用一次函数执行: 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。...findIndex() 方法为数组中的每个元素都调用一次函数执行: 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。...这种方式是比较通用的一种方式,但是需要自己写函数,下面看一下第二种方式: var arr = ['a','s','d','f']; console.info(arr.indexOf('a'));//在IE...,不然是会报错的,另外,该方法在某些版本的IE中是不起作用的,因此在使用之前需要做一下判断,修改后的代码如下所示: /** * 使用indexOf判断元素是否存在于数组中 * @param {Object...的inArray方法,该方法返回元素在数组中的下标,如果不存在与数组中,那么返回-1,代码如下所示: /** * 使用jquery的inArray方法判断元素是否存在于数组中 * @param {Object
以前制作导航菜单,总要加许多id在HTML中,js代码也要将id挨个加上去,今日终于习得破解之法,不在用以前那种笨拙的方法了。...padding-left: 20px; display: none; cursor: pointer; } js我使用了构造函数进行封装,这样可以有效的避免...js中命名重复的问题,并且修改起来很方便,不需要在HTML中加入许多id,代码简洁了不少: function navList(id){ var dad=document.getElementById...dad.getElementsByTagName('ul'); } new navList('navlist'); 接下来将菜单的onmouse事件写入构造函数中就ok了,但在其中遇到了问题...i].style.display='block'; this.style.backgroundColor='#999'; }); 我们知道,for循环的便利在上面的函数中并不是我们所想的那样
本文作者:IMWeb 寒纱阁主 原文出处:IMWeb社区 未经同意,禁止转载 以前制作导航菜单,总要加许多id在HTML中,js代码也要将id挨个加上去,今日终于习得破解之法,不在用以前那种笨拙的方法了...padding-left: 20px; display: none; cursor: pointer; } js我使用了构造函数进行封装,这样可以有效的避免...js中命名重复的问题,并且修改起来很方便,不需要在HTML中加入许多id,代码简洁了不少: function navList(id){ var dad=document.getElementById...dad.getElementsByTagName('ul'); } new navList('navlist'); 接下来将菜单的onmouse事件写入构造函数中就ok了,但在其中遇到了问题...i].style.display='block'; this.style.backgroundColor='#999'; }); 我们知道,for循环的便利在上面的函数中并不是我们所想的那样
document.getElementsByName在Chrome和FF30.0中返回NodeList(木有namedItem方法的),在IE全系列中都返回HTMLCollection,吐血了吧? ...由于document.getElementsByName在不同的浏览器中返回不同类型的对象,因此推荐使用[{Number} 索引]的方法来访问集合元素会省心一些; 4....NamedNodeMap和HTMLCollection、NodeList不同,因为它是无序集合,虽然可以通过数字类型的下标索引访问NamedNodeMap集合中的元素,但该索引值并不真实代表元素在集合中的位置...另外,JQuery中也有一个data函数,那么它跟以"data-"开头的自定义特性有什么关联呢?...赋值操作时,仅仅在特性映射表中新建键值对,并不会赋值到标签对应的"data-*"特性中。 为何JQuery要设计成这样呢?
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 不起作用 --> <!
[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方法不起作用
通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。...=7,9"> #以上代码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
前言 在闲暇之余,我们经常会逛各种社区,逛掘金看技术软文,逛虎扑看今日赛事,逛头条看热门时事,逛 91…… 每个社区都有各种各样的资讯,但有时我们只想看某个社区的某些资讯。...团队官方的一个工具,提供了一些 API 来控制 chrome!...el.innerText) ); // [ '推荐', '后端', '前端', 'Android', 'iOS', '人工智能', '开发工具', '代码人生', '阅读' ] // 找出菜单中前端模块对应的索引...content="width=device-width, initial-scale=1.0" />
json对象和字符串的相互转换 1、json对象和字符串的转换 在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse...中也有将字符串转为JSON格式的方法jquery.parseJSON( json ),接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)对象。.../">资源链接:http://www.css88.com/jqapi-1.9/jQuery.parseJSON/ 15 jQuery中也有将字符串转为JSON格式的方法...,即使这些都不是有效的JSON。...(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。
六、处理兼容问题的方法 ---- 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等),或者是同一厂商的浏览器的不同版本...--[if IE]>IE浏览器显示的内容 ; 针对IE6及以下版本:只在IE6-显示的内容 。...: block; clear: both; } .clearfix{ *zoom: 1; /* 仅对ie67有效,可以用来清除浮动*/ } 总结:css hack 就是为了将某些功能兼容ie的低版本
主要用于加强代码对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的用户代理字符串。
和压缩后的 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 引入不起作用解决
Chrome Frame 会把最新版的 Chrome Webkit 内核和 JavaScript 引擎注入到 IE 中。...当你要使用 Chrome Frame 时,可以在地址前加 cf: ,就可以用 WebKit 核心浏览页面。...在 64 位 Vista 平台上分别选取 IE7、IE8、安装 Chrome Frame 后的 IE7 和 IE8、Chrome 3 进行了 Sunspider JavaScript 基准测试,根据测试结果...,安装 Chrome Frame 后的 IE7 速度提升了近 40 倍,安装该插件的 IE8 速度提升了 10 倍,两者在 JavaScript 处理速度上基本和 Google Chrome 持平。...JQuery 对 Dom 的 DSL 化封装,还有对 method chain 的大量使用,几乎让你感觉在声明行为,所以它让非常多的对啰嗦的 Dom 编程厌烦的前端程序员迅速 “上瘾”。
垂直居中的问题 问题: 在浏览器中想要垂直居中,设置vertical-align:middle; 不起作用。...在ie中如果td中的没有内容,那么border将不会显示 8. div嵌套p时,出现空白行 问题: div中显示文本,ff、oprea、Chrome:top和bottom都会出现空白行,但是在...IE6-7 line-height失效的问题 问题: 在ie中img与文字放一起时, line-height不起作用 解决: 都设置成float 16. td自动换行的问题 问题: Table...禁用中文输入法的问题 问题: 不能在输入框中输入汉字 解决: 只在ie系列和ff中有效 ime-mode:disabled (但可以粘贴) 禁用粘贴: onpaste="return...41. ff、chrome绝对定位无效 问题: 在IE给td设置position:relative,然后给它包含的一个容器使用position:absolute进行定位是有效的,但在FF和Chrome下却不可以
项目开发过程中,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。
IETester可以在独立的标签页中开启IE5.5、IE6、IE7,IE8 ,IE9,IE10,IE11这7个不同版本的IE,原则上支持WIN8 desktop,WIN7,XP和Vista操作系统。...注意事项: 1)Windows 8 desktop, Windows 7, Windows Vista 或Windows XP 至少安装IE7(Windows XP/IE6 的配置会有很多问题,并且在XP...3)有一些已知的错误或者限制现在还没解决,比如前进/后退可能不起作用,焦点可能不起作用,“alert”或者“confirm”方法可能不起作用,CSS或者FLASH可能不起作用(有时候用管理员房方式运行可解决...SuperPreview可以让你设计制作好的网页在IE不同版本以及Chrome、FireFox和Safari浏览器呈现效果,而且还提供像firebug或者是微软的开发者工具一样的功能,对于调试页面将会非常有力...使用地址:http://browsershots.org/ Browser Sandbox 工具介绍:这是一个在线运行浏览器的网站,支持Chrome, Firefox, IE, and Opera所有已发布的或者是公测的版本
网络安全公司Volexity的专家报告,与朝鲜有关的InkySquid组织(又名ScarCruft、APT37、Group123和Reaper)在针对韩国一家在线报纸的攻击中,利用两个IE浏览器的漏洞进行水坑攻击...BLUELIGHT恶意软件家族 BLUELIGHT被用作于初始Cobalt Strike有效载荷成功交付后的第二级有效载荷,被用来收集受感染系统的情报,并向攻击者提供远程访问。...它支持以下命令: 执行下载的shellcode 下载并启动一个可执行程序,然后上传程序输出 收集支持的浏览器的cookies和密码数据库,包括Win7 IE、Win10 IE、Edge、Chrome和Naver...BLUELIGHT恶意软件家族 BLUELIGHT被用作于初始Cobalt Strike有效载荷成功交付后的第二级有效载荷,被用来收集受感染系统的情报,并向攻击者提供远程访问。...它支持以下命令: 执行下载的shellcode 下载并启动一个可执行程序,然后上传程序输出 收集支持的浏览器的cookies和密码数据库,包括Win7 IE、Win10 IE、Edge、Chrome和Naver
领取专属 10元无门槛券
手把手带您无忧上云