首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端兼容性

    # 前端兼容性分类 浏览器兼容性 屏幕分辨率兼容性 跨平台兼容性 # 浏览器兼容性   IE是所有兼容性问题的最大根源,堪称前端噩梦。...webkit- webkit渲染引擎 chrome/safari -moz- gecko渲染引擎 Firefox -ms- trident渲染引擎 IE -o- opeck渲染引擎 Opera # 屏幕分辨率兼容性...典型的平板屏幕分辨率:1920x1200 典型的移动屏幕分辨率:360x640 手机屏幕分辨率说明   由于手机屏幕尺寸过小,使用原始分辨率会使得页面显示过小,因此使用了逻辑分辨率,用倍数放大的方法来保证兼容性...media screen and (max-width: 480px) { body { background-color: lightgreen; } } # 跨平台兼容性...# 常见兼容性问题   常见的主要是浏览器的兼容性问题,因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。

    3K20

    APP兼容性测试

    一、APP兼容性范围以及问题1、硬件 各个硬件结构2、软硬件之间硬件dll库(C++)软硬件之间的通信,各个厂商提供的ROM3、软件浏览器、操作系统、数据库、手机、功能兼容性(功能修改,二次开发)要求:...兼容性程度(产品定义)兼容的方向:向下(老版本的兼容)、向上 4、app软件兼容性导致的问题安装失败、启动失败、卸载失败,卸载不干净、程序运行过程中闪退部分控件显示不完整或者功能失效屏幕显示异常图片展示不全...优先满足每款手机主流操作系统做一些调研,当前市场各版本和品牌的使用率 3、不同设备的分辨率不同,对界面的展示效果不同,怎么进行兼容性测试(不同屏幕分辨率)(1)与开发讨论在不同的分辨率下系统的适配方案(...)分析不同网络类型的差异性(2)在前后台交互过程中在不同网络下的差异,并讨论内部实现机制(3)同时需要分析各个类型的设备在不同网络类型下的区别 6、(不同类型app)手机上安装多种APP,APP之间的兼容性问题策略...所有界面基本功能,并编写对应的自动化测试用例(2)搭建一套全流程自动化测试环境(自动安装软件和自动执行以及生成执行报告)(3)机型选型(根据上述策略,覆盖不同类型下的设备信息)(4)执行全套自动化用例,完成兼容性验证

    7.6K30

    浅谈兼容性测试

    什么是兼容性测试?...简单点就是特指程序在特定条件下的运行环境是否能够正常运行,前后端有无功能以及界面UI上的异常 兼容性测试分类 操作系统兼容性测试 Windows XP、Windows7、Mac、Linux 浏览器兼容性测试...作用点:验证新老代码在服务器环境能否正常运行 新版本 老版本 数据兼容性测试 需要验证数据在新老版本的读写 分辨率兼容性测试 作用点:验证产品在不同分辨率下UI展示有无异常缺失 主流:1024×768...、1280×1024、1440×900、1600×900、1920×1080 兼容性测试工具 浏览器兼容性测试 IETester、SuperPreview、selenium(自动化模拟浏览器端用户操作)...分辨率兼容性测试 谷歌插件:Resolution Test 首图模糊,请关注本公众号,后台回复"6" 获取兼容性高清原图 专注测试技术研究、实践、分享、交流,欢迎关注。

    5.5K20

    jQuery 事件对象、 jQuery 拷贝对象、jQuery 多库共存

    1. jQuery 事件对象 ​ jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化不大。事件被触发,就会有事件对象的产生。...jQuery 拷贝对象 ​ jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。...jQuery 多库共存 ​ 实际开发中,很多项目连续开发十多年,jQuery版本不断更新,最初的 jQuery 版本无法满足需求,这时就需要保证在旧有版本正常运行的情况下,新的功能使用新的jQuery版本实现...,这种情况被称为,jQuery 多库共存。...语法 jQuery 解决方案: 1. 把里面的 符号 统一改为 jQuery。 比如 jQuery(''div'') 2.

    3K10

    jQuery

    1.jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。...微软公司甚至把jQuery作为他们的官方库。...,做得多) 1、http://jquery.com/ 官方网站 2、https://code.jquery.com/ 版本下载 2.jquery加载 将获取元素的语句写到页面头部,会因为元素还没有加载而出错...选择器 jquery用法思想一  选择某个网页元素,然后对它进行某种操作 jquery选择器  jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。...插件使用  jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jquery的滚轮事件插件jquery.mousewheel.js。

    5.4K20

    jQuery

    对象: 通过 jQuery 提供的 API 创建的对象,是 jQuery 对象 通过 jquery 包装的 Dom 对象,也是 jQuery 对象 通过 jquery 提供的 API 查询到的对象,是...jQuery 对象 2.jQuery 对象的本质 JQuery 对象时 dom 对象的数组 + JQuery 提供的一系列功能函数。...3.jQuery 对象和 Dom 对象使用的区别 JQuery 对象不能使用 DOM 对象的属性和方法 DOM 对象也不能使用 JQuery 对象的属性和方法 4.DOM 对象 和 jQuery 对象互转...dom 对象转为 JQuery 对象 先有 Dom 对象 $(DOM 对象) 就可以转换为 jQuery 对象 jQuery 对象转为 dom 对象 先有 jQuery 对象 jQuery 对象(下标...)取出相对应的 DOM 对象 20200719165719.png 三、jQuery 的 2 把利器 1.jQuery 函数; $/jQuery jQuery 向外暴露的就是 jQuery 函数,可以直接使用

    12.4K20

    jQuery

    jQuery 概述 js库:即library,封装好的函数。里面有很多预先封装好的方法。 jQuery就是为了更方便快速操作DOM,里面封装了很多方法,后续用jQuery对象调用这些方法即可。...//DOM加载完成的入口 }) jQuery的顶级对象:$ `是jQuery 别称,在代码中`和jQuery和等价,为了方便都是$。...`是jQuery的顶级对象,相当于原生js中的window,元素通过`包装成jQuery对象,调用jQuery属性和方法。...所以,jQuery 只是对js常用属性和方法进行了封装。 DOM使用原生js方法和属性,jQuery 使用jQuery 属性和方法。...: //直接获取元素即可 $('div'); ---- jQuery常用API jQuery选择器 jQuery 基础选择器 原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery

    23.8K50

    jQuery

    目录 jQuery 官网下载与安装 jQuery简介 jQuery 内容 jQuery语法 jQuery对象 对比DOM对象和jQuery对象 对象之间的转换 选择器 基本选择器 组合选择器 属性选择器...) jQuery API 中文文档 | jQuery API 中文在线手册 ) Ajax - jQuery API 中文文档 | jQuery 中文网 (jquery123.com) # 本地版 '''...//cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"> # CDN jQuery简介 jQuery是一个轻量级的、兼容多浏览器的...获取到的元素是DOM对象,那么在jQuery中获取到的元素属于jQuery对象,两者之间方法有差别,虽然 jQuery对象是包装 DOM对象后产生的,但是 jQuery对象无法使用 DOM对象的任何方法...,同理 DOM对象也没不能使用 jQuery里的方法 对比DOM对象和jQuery对象 DOM对象:var variable = DOM对象 jQuery对象:var $variable = jQuery

    8.8K10
    领券