opera浏览器

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: I added to my environment variable SELENIUM_SERVER_JAR = C:\selenium_drivers\selenium-server-standalone.jar Which I downloaded here http://selenium-release.storage.googleapis.com/index.html?path=2.46/ Python script: from selenium import webdriver webdriver.Opera() Output: 13:37:37.906 INFO - Launching a standalone Selenium Server 13:37:38.104 INFO - Java: Oracle Corporation 25.45-b02 13:37:38.104 INFO - OS: Windows 8 6.2 x86 13:37:38.132 INFO - v2.46.0, with Core v2.46.0. Built from revision 87c69e2 13:37:38.269 INFO - Driver class not found

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: I'm testing the audio HTML tag. And it is working on my testing env, but for some reason not on my production env. I simply use: <audio src="/sandbox/test.mp3" controls="controls"></audio> . The testing site is on Windows and the production site is on Linux, but that should make any difference I think. I can download the track so I know it is in the right place. The production url is: http://pieterhordijk.com/sandbox As stated the exact same code works on testsite. Anybody has any idea as to why it doesn't load my audio? PS I'm testing using

PageX和clientX ,这个两个比较容易搞混, PageX :鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化 clientX :鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移动 而变化. 真拗口,直接上图, 两个DIV接触点(黑点位置) 如果将浏览器Y轴方向缩小,出现了滑动条就可以分辨出两者的区别 很明显,红色参考块已经被滑动条截取部分,PageY不变,但是clientY已经变了 可是悲剧的是,PageX只有 FF 特有,IE这个悲剧没有啊T_T,所以大牛们想出了一个办法 PageY=clientY+scrollTop-clientTop;(只讨论Y轴,X轴同理,下同) 页面上的位置=可视区域位置+页面滚动条切去高度-自身border高度,还是直接上图比较清楚 很明显,模块交界处,scrollTop代表的是被浏览器滑动条滚过的长度,和clientY相加,刚好等于100,最后还要再减去一个clientTop,即是border-top的宽度 offsetX和layerX 接下来是offsetX和layerX offsetX :IE特有,鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为参考点,如果有boder,可能出现负值 IE以内容区域开始

一、IE 浏览器 而IE各个版本典型的userAgent如下： Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0) Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2) Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1) Mozilla/4.0 (compatible; MSIE 5.0; Windows NT) IE8的User-Agents：详细说明如下： IE8 on Windows Vista (兼容浏览) Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0) IE8 on Windows Vista Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0) IE8 on Windows 7 Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0) 64-bit IE on 64-bit Windows 7: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1;

常见的浏览器请求头 #PC-UserAgent #百度 User-Agent:Mozilla/5.0 (compatible; Baiduspider/2.0;+http://www.baidu.com/search/spider.html） safari 5.1 – MAC User-Agent:Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; en-us) AppleWebKit/534.50 (KHTML, like Gecko) Version/5.1 Safari/534.50 safari 5.1 – Windows User-Agent:Mozilla/5.0 (Windows; U; Windows NT 6.1; en-us) AppleWebKit/534.50 (KHTML, like Gecko) Version/5.1 Safari/534.50 IE 9.0 User-Agent:Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; IE 8.0 User-Agent:Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0) IE 7.0 User-Agent

目前主流的四大浏览器内核和各自的开发公司以及目前再使用的外壳浏览器 值得一提的是2013年以前Trident、Gecko、Presto、Webkit才是主流的浏览器内核，Presto Opera Software公司开始的，用于Opera的渲染引擎。微软的最新浏览器microsoft Edge使用了Edge HTML内核，Edge html原是Triant的分支，加之microsoft Edge的战绩不好看至今还在一直下滑，此处不做过多的介绍。 目前主流的几款浏览器内核的区别是什么呢？ 一、Trident内核 Trident内核，又称MSHTML，微软内核。是微软窗口操作系统windows搭载的网页浏览器，也是IE的排版引擎。IE内核相对其他内核是最开放的，接口设计相对最为成熟，对外部程序支持最好，这也是IE外壳的浏览器最多的原因之一。IE背靠windows大树一度占据浏览器市场的绝对优势，微软也很长时间没有更新trident内核，导致Trident内核几乎与W3C标准脱节，也是的大量的bug等安全性问题涌现，给了后起之秀很多机会。 二、Gecko内核 Gecko，也称壁虎，火狐内核。Gecko核心设计的相对成熟，在无法获取源码的情况下，开放程度仅次于IE。由于其本身Open Source。实际上是目前开发程度最好的浏览器。Firefox的扩展能够给浏览者带来完全不同的浏览体验。

客户端检测是一种行之有效的开发策略。但不到万不得已，就不要使用客户端检测。先设计通用的方案，然后根据浏览器之间的差异和各自的怪癖quirky，再使用特定于浏览器的技术增强该方案。 能力检测 Feature Detection 能力检测（又称特性检测）目标是识别浏览器的能力而不是识别特定的浏览器。只需根据浏览器支持的功能给出解决方案。 能力检测作为确定下一步解决方案的依据，而不是用它来判断用户使用的是什么浏览器。 基本模式： if( object.propertyInQuestion){ //使用 object.propertyInQuestion } 两个重要的概念： 第一个概念是先检测达成目的的最常用的特性。先检测最常用的特性，可以保证代码最优化，因为在多数情况下都可以避免测试多个条件。 第二个概念是必须测试实际要用到的特性。一个特性存在，不一定意味着另一个特性也存在。 更可靠的能力检测 确定一个对象是否支持排序，检测对象是否支持sort()方法。 //只检测了是否存在相应的方法 function isSortable(object){ return !!object.sort; } var result= isSortable({sort:true}); 检测某个属性是否存在并不能确定对象是否支持排序。，检测sort是不是一个函数。 function isSortable

本文地址： http://www.cnblogs.com/egger/archive/2013/04/26/3045285.html 客户端检测是一种行之有效的开发策略。但 不到万不得已，就不要使用客户端检测。 先设计通用的方案，然后根据浏览器之间的差异和各自的怪癖quirky，再使用特定于浏览器的技术增强该方案。 能力检测 Feature Detection 能力检测（又称特性检测）目标是 识别浏览器的能力而不是识别特定的浏览器。只需根据浏览器支持的功能给出解决方案。 能力检测作为确定下一步解决方案的依据，而不是用它来判断用户使用的是什么浏览器。 基本模式： if( object.propertyInQuestion){ //使用 object.propertyInQuestion } 两个重要的概念： 第一个概念是先检测达成目的的最常用的特性。先检测最常用的特性，可以保证代码最优化，因为在多数情况下都可以避免测试多个条件。 第二个概念是必须测试实际要用到的特性。一个特性存在，不一定意味着另一个特性也存在。 更可靠的能力检测 确定一个对象是否支持排序，检测对象是否支持sort()方法。 //只检测了是否存在相应的方法 function isSortable(object){ return !!object.sort; } var result= isSortable({sort

1.常见浏览器内核总结： Trident: IE 以Trident 作为内核引擎 // 俗称 IE内核 Gecko: Firefox（火狐） // 俗称Firefox内核 WebKit: Safari（苹果）, Google Chrome（谷歌）,傲游3 基于 Webkit 开发 // 俗称chrome内核， Presto: Opera（ 欧朋浏览器）的内核 ，主要应用在手机平台–Opera mini ，Opera12.17及更早版本曾经采用的内核，现已停止开发并废弃，Opera现已改用Google Chrome的Blink内核// 俗称Opera内核 2.当前各大浏览器所属内核： IE内核：IE6、IE7、IE8（Trident 4.0）、IE9（Trident 5.0）、IE10（Trident 6.0）；世界之窗、 360安全浏览器、傲游；搜狗浏览器；腾讯TT；阿云浏览器（早期版本）、百度浏览器（早期版本）、瑞星安全浏览器、115浏览器、闪游浏览器、114浏览器、佐罗浏览器； Firefox内核：Mozilla Firefox、Mozilla SeaMonkey chrome内核：Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器，Google Chrome、Chromium Opera内核：Opera

在HTML5中，规定的 input type 属性值如下： 1.button　　　　　　　　　　　　　　　　定义可点击按钮 2.checkbox　　　　　　　　 　　　　　　复选框 <form action="demo-form.php"> <input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br> <input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br> <input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br> <input type="submit" value="提交"> </form> 3.color　　　 　　　　　　 　　　　　　定义拾色器，定义后出现颜色调板，只支持谷歌和opera 4.date　　　 　　　　　　　 　　　　　　 定义 date 控件（包括年、月、日，不包括时间）。只支持谷歌、opera、safari 5.datetime　　　　　　　　 　　　　　　定义date和time空间,仅支持safari、opera 6.datetime-local　　　　　 　　　　　　定义date和time空间。只支持谷歌、opera、safari 7