兼容性 | 易学教程

ios兼容性

阅读更多关于 ios兼容性

1. ios系统兼input输入框光标问题异常现象：　　苹果手机文本输入框样式异常——光标聚焦到文本框，光标高度充满文本框，输入内容，光标高度为文本框上边框到输入内容底部：光标聚焦：输入内容：异常原因：　　使用line-height样式导致，在ios系统中渲染跟安卓手机不一致。解决方法：　　input输入框改用padding控制文本框高度（如不考虑ios光标问题，继续用line-height也无妨，毕竟使用padding控制文本框高度还是有一点点麻烦的）。 2. ios脱离文档流问题：异常现象：下拉页面，出现部分层随着下拉往下滑动，部分层保持不动，造成排版混乱；解决方法：对于页面顶部展示的元素，可以使用绝对定位 position: absolute; ，不要使用固定定位 position: fixed; 。对于处于屏幕底部展示的一些需要固定位置的元素则可以使用固定定位fixed。详见： ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法。 3. 文本框展示不正常：解决方法——设置行高即可： line-height: .9rem; 来源： https://www.cnblogs.com/xyyt/p/9341980.html

pageX的兼容性处理2

阅读更多关于 pageX的兼容性处理2

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { height: 1000px; } </style> </head> <body> <script src="common.js"></script> <script> // e.clientX/e.clientY 鼠标在可视区域中的位置 // // e.pageX/e.pageY 鼠标在页面中的位置有兼容性问题从IE9以后才支持 // pageY = clientY + 页面滚动出去的距离 document.onclick = function (e) { e = e || window.event; console.log(getPage(e).pageX); console.log(getPage(e).pageY); } // 获取鼠标在页面的位置，处理浏览器兼容性 function getPage(e) { var pageX = e.pageX || e.clientX + getScroll().scrollLeft; var pageY = e.pageY || e.clientY + getScroll().scrollTop; return { pageX:

pageX的兼容性处理1

阅读更多关于 pageX的兼容性处理1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { height: 1000px; } </style> </head> <body> <script> // e.clientX/e.clientY 鼠标在可视区域中的位置 // // e.pageX/e.pageY 鼠标在页面中的位置有兼容性问题从IE9以后才支持 // pageY = clientY + 页面滚动出去的距离 document.onclick = function () { // // 输出页面滚动出去的距离 // console.log(document.body.scrollLeft); // console.log(document.body.scrollTop); // // documentElement 文档的根元素 html标签 // // console.log(document.documentElement); // // 有些浏览器是使用这两个属性来获取的 // console.log(document.documentElement.scrollLeft); // console.log(document.documentElement

移除事件的兼容性处理

阅读更多关于移除事件的兼容性处理

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="button" value="按钮" id="btn"> <script src="common.js"></script> <script> var btn = my$('btn'); function btnClick() { alert('hello'); // 移除事件 removeEventListener(btn, 'click', btnClick); } addEventListener(btn, 'click', btnClick); </script> </body> </html> common代码 function my$(id) { return document.getElementById(id); } // 处理浏览器兼容性 // 获取第一个子元素 function getFirstElementChild(element) { var node, nodes = element.childNodes, i = 0; while (node = nodes[i++]) { if (node.nodeType === 1) {

注册事件的兼容性处理

阅读更多关于注册事件的兼容性处理

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="button" value="按钮" id="btn"> <script> var btn = document.getElementById('btn'); addEventListener(btn, 'click', function () { alert('hello world'); }); addEventListener(btn, 'click', function () { alert('hello itheima'); }); // 处理注册事件的兼容性问题 // eventName, 不带on， click mouseover mouseout function addEventListener(element, eventName, fn) { // 判断当前浏览器是否支持addEventListener 方法 if (element.addEventListener) { element.addEventListener(eventName, fn); // 第三个参数默认是false } else if (element

Web测试需要注意的点

阅读更多关于 Web测试需要注意的点

一、功能测试测试用例是测试的核心，测试用例的设计是一种思维方式的体现，在用例的设计中，用的比较多的方法是边界值分析法和等价类划分法，下面主要从输入框，搜索功能，添加、修改功能，删除功能，注册、登录功能以及上传图片功能等11个方面进行总结说明。 1、输入框输入框是测试中最容易出现bug的地方，所以在测试时，一定要多加注意。 2、搜索功能（1）比较长的名称是否能查到？（2）空格或空（3）名称中含有特殊字符，如：’ $ % & *以及空格等（4）关键词前面或后面有空格（5）如果支持模糊查询，搜索名称中任意一个字符是否能搜索到（6）输入系统中不存在与之匹配的条件（7）两个查询条件是否为2选1，来回选择是否出现页面错误（8）输入脚本语言,如：等 3、添加、修改功能（1）是否支持tab键（2）是否支持enter键（3）不符合要求的地方是否有错误提示（4）保存后，是否也插入到数据库中？（5）字段唯一的，是否可以重复添加（6）对编辑页列表中的每个编辑项进行修改，点击保存，是否保存成功？（7）对于必填项，修改为空、空格或其他特殊符号，是否可以编辑成功（8）在输入框中，直接回车（9）是否能够连续添加（10）在编辑的时候，要注意编辑项的长度限制，有时，添加时有长度限制，但编辑时却没有（添加和修改规则是否一致）（11）添加时，字段是唯一的，不允许重复，但有时

WEB测试和APP测试区别

阅读更多关于 WEB测试和APP测试区别

Web测试和App测试从流程上来说，没有区别。都需要经历测试计划方案，用例设计，测试执行，缺陷管理，测试报告等相关活动。从技术上来说，WEB测试和APP测试其测试类型也基本相似，都需要进行功能测试、性能测试、安全性测试、GUI测试等测试类型。他们的主要区别在于具体测试的细节和方法有区别，比如：性能测试，在WEB测试只需要测试响应时间这个要素，在App测试中还需要考虑流量测试和耗电量测试。兼容性测试：在WEB端是兼容浏览器，在App端兼容的是手机设备。而且相对应的兼容性测试工具也不相同，WEB因为是测试兼容浏览器，所以需要使用不同的浏览器进行兼容性测试（常见的是兼容IE6，IE8，chrome，firefox）如果是手机端，那么就需要兼容不同品牌，不同分辨率，不同android版本甚至不同操作系统的兼容。（常见的兼容方式是兼容市场占用率前N位的手机即可），有时候也可以使用到兼容性测试工具，但WEB兼容性工具多用IETester等工具，而App兼容性测试会使用Testin这样的商业工具也可以做测试。安装测试： WEB测试基本上没有客户端层面的安装测试，但是App测试是存在客户端层面的安装测试，那么就具备相关的测试点。还有，App测试基于手机设备，还有一些手机设备的专项测试。如交叉事件测试，操作类型测试，网络测试（弱网测试，网络切换）交叉事件测试：

WEB测试和App测试的区别

阅读更多关于 WEB测试和App测试的区别

1.从流程上来说，没有区别。都需要经历测试计划方案，用例设计，测试执行，缺陷管理，测试报告等相关活动。从技术上来说，WEB测试和APP测试其测试类型也基本相似，都需要进行功能测试、性能测试、安全性测试、GUI测试等测试类型。 2.主要区别在于测试细节和方法：如：性能测试，在WEB测试只需要测试响应时间这个要素，在App测试中还需要考虑流量测试和耗电量测试。兼容性测试：在WEB端是兼容浏览器，在App端兼容的是手机设备。而且相对应的兼容性测试工具也不相同，WEB因为是测试兼容浏览器，所以需要使用不同的浏览器进行兼容性测试（常见的是兼容IE6，IE8，chrome，firefox）如果是手机端，那么就需要兼容不同品牌，不同分辨率，不同android版本甚至不同操作系统的兼容。（常见的兼容方式是兼容市场占用率前N位的手机即可），有时候也可以使用到兼容性测试工具，但WEB兼容性工具多用IETester等工具，而App兼容性测试会使用Testin这样的商业工具也可以做测试。安装测试：WEB测试基本上没有客户端层面的安装测试，但是App测试是存在客户端层面的安装测试，那么就具备相关的测试点。还有，App测试基于手机设备，还有一些手机设备的专项测试。如交叉事件测试，操作类型测试，网络测试（弱网测试，网络切换）交叉事件测试：就是在操作某个软件的时候，来电话、来短信，电量不足提示等外部事件。

怎样让ABBYY FineReader与其它应用程序兼容使用

阅读更多关于怎样让ABBYY FineReader与其它应用程序兼容使用

ABBYY FineReader 12支持与 Microsoft Office 应用程序和 Windows 资源管理器进行集成。可以帮助大家在使用 Microsoft Outlook、Microsoft Word、Microsoft Excel 和 Windows 资源管理器时识别文档，那么 ABBYY FineReader 12到底是怎么和这些应用程序兼容使用的呢？若有疑问可直接访问： http://www.abbyychina.com/FRshiyongjiqiao/fr-chengxu-jicheng.html 遵照以下说明，在使用 Microsoft Word 或 Microsoft Excel 时识别文档。 1. 单击 ABBYY FineReader 12 选项卡下的按钮。 2. 在打开的对话框中，指定以下各项： o 图像源（扫描仪或文件） o 文档语言 o 保存选项 3. 单击开始按钮。 ABBYY FineReader 12 将打开，已识别文本将发送至 Microsoft Office 应用程序。遵照以下说明，在使用 Microsoft Outlook 时识别文档： 1. 打开 Microsoft Outlook。 2. 选择附有一个或多个文档的邮件。提示：如果您不想识别电子邮件附件中的所有文档，则可以选择指定的文档。 3. 在 ABBYY

有关css的兼容问题

阅读更多关于有关css的兼容问题

兼容性 1 页面在不同浏览器中可能显示不同在IE6下子级的宽度会撑开父级设置好的宽度温馨提示：和模型的计算一定要精确，IE浏览器可能显示不同兼容性 2 在IE6中，元素浮动，如果宽度需要内容撑开，需要给里面的快元素添加浮动才可以兼容性 3 在IE6,7下，元素要通过浮动{float：left；}排在同一排，就需要解决：给这个元素都加浮动兼容性 4 注意标签的嵌套规则兼容性 5 在IE6 下，元素的高度如果小于19px的时候，就会当成19px来处理解决方法：overflow：hidden；兼容性 6 在IE6 下不支持1px的dotted边框样式解决：切背景平铺兼容性 7 在IE下大部分兼容性都是因为 haslayout 属性的触发问题，尽量触发 haslayaout 属性可以减少很多IE下兼容性问题在IE下父级有边框的时候，子元素的margin会失效解决：触发父级 haslayout 属性兼容性 8 在IE6下双边距bug 在ie6 块元素，有浮动，有横向 margin的值的时候，横向的margin的值会夸大两倍解决：转换为内敛 display：inline； margin-left 一行中左侧的第一个元素有双边距 margin-right 以行中右侧的第一个兼容性 9 在IE 6 7 下 li 本身没有浮动

订阅兼容性