总结 本文介绍了在美团点评业务快速发展背景下,针对大型移动项目的静态分析需求,结合开源项目利弊,最终设计实现的静态分析框架 Hades。...目前专注于移动 CI 研发,静态分析和点评 App 业务研发。 智聪,移动信息组件负责人,大众点评 iOS 高级专家。...专注于移动工具链开发,对移动持续集成、静态分析平台建设有深刻理解和丰富的实践经验。...招聘信息 大众点评移动研发中心,Base 上海,为美团提供移动端底层基础设施服务,包含网络通信、移动监控、推送触达、动态化引擎、移动研发工具等。...同时团队还承载流量分发、UGC、内容生态、个人中心等业务研发工作,长年虚位以待专注于移动端研发的各路英雄豪杰。欢迎投递简历:dawei.xing@dianping.com。
总第306篇 2018年 第98篇 本文主要介绍大众点评自主研发的移动端静态分析框架——Hades,它可以帮助我们更好的审视代码、把控大型项目。...在公司蓬勃发展的大背景下,移动项目架构也有了全新的演进方向:需要支持高效的集成策略,支持研发流程自动化等等,最终提升研发效能,加速产品迭代和交付能力。...不难发现,这些需求的本质是:借助代码静态分析能力,提升项目可持续发展所需要的自动化水平。...总结 本文介绍了在美团点评业务快速发展背景下,针对大型移动项目的静态分析需求,结合开源项目利弊,最终设计实现的静态分析框架 Hades。...目前专注于移动 CI,静态分析和点评 App 业务研发。 智聪,移动信息组件负责人,大众点评 iOS 高级专家。专注于移动工具链开发,对移动持续集成、静态分析平台建设有深刻理解和丰富的实践经验。
这几天老蒋在给客户的一个企业网站采用的是DedeCMS织梦内核程序,以前一直使用ZBLOG或者WP比较腻了,换一个玩玩。...在做移动端适应的时候发现图片不能自适应宽度和移动端的100%的撑开,所以需要调整CSS样式来解决这个问题。...比如我PC端正常的样式是这样子的: .content img{ display:block;margin:0 auto;padding:10px; } 然后在设置移动端的样式: @media(max-width...本文出处:老蒋部落 » 解决织梦DedeCMS移动端内容图片居中和自适应宽度 | 欢迎分享
在移动端开发,需要解决在移动端下的一些样式初始化,防止在设备出现不同的效果,下面我们看下,需要解决移动端的那些样式需要初始化!...text-decoration: none; } ul,ol { margin: 0; padding: 0; list-style: none; } img {vert-align: top;} //移动端图片边框...移除原生控件样式-webkit-touch-callout:none; // 禁用长按页面时的弹出菜单body { margin: 0; -webkit-user-select: none; }//禁止移动端用户进行复制... -webkit-user-select: none; font-family: Helvetica; } body { -webkit-text-size-adjust: 100%; }//移动端横竖屏字体乎大乎小...-webkit-text-size-adjust: none; //禁止文字自动调整大小(默认情况下旋转设备的时候文字大小会发生变化),此属性也不继承,一般加在body上规定整个body 这样移动端开发就可以开始啦
/%C5%DD%C4%AD%CB%DC%C1%CF/,如何将TAGS静态化这样更加利于SEO呢?...$listitem)) { $plist .= $endpage.' '; } return $plist; } 设置伪静态规则
1.移动端视口问题 视口是指浏览器的可视区域,移动端的视口到底是多宽呢? 现在市面上的大部分手机,比如iphone X,它的默认视口宽度为980px,而一个iphone X的屏幕宽度仅仅为375px。...(注:实际上,这里说的375像素不是真实的物理像素,至于这个375像素是怎么来的,以及为什么大部分移动端的默认视口宽度是980,这就是另一个更加复杂的话题了,在此我们先不做讨论。)...我们可以使用谷歌浏览器的移动端调试工具,来访问百度的搜索结果,可以看到网页明显被缩小了,而且页面宽度定格在980px(不信的话大家可以试试)。...3.移动端尺寸 是同一个网页在不同尺寸手机中的效果。...注意:在移动端,如果使用了背景图(比如雪碧图),记得用同样的方式调整背景图的尺寸。 题外话:移动端看上去是不是很麻烦?视口那么小,还要引入各种东西,里面要添加的又杂又乱,还要计算数值,是不是很麻烦?
一、webkit 内核 移动端浏览器 都是 基于 webkit 内核的 , QQ 浏览器 / 百度 / Safari / UC 都是基于 webkit 内核的 ; 移动端网页布局需要 兼容 普通浏览器...与 webkit 浏览器 ; webkit 内核浏览器 对 HTML5 + CSS3 支持的很好 , 移动端可以放心使用 H5 标签和 CSS3 样式 , 但是如果在 PC 浏览器使用了这些标签 , 可能导致低版本浏览器不兼容的情况...; 二、移动端网页 CSS 初始化 - normalize.css ---- 移动端网页的 CSS 初始化 , 一般使用 normalize.css 样式文件 , 该初始化文件有以下优点 : 对有价值的默认值进行了初始化...; 修复浏览器的相关 BUG ; 实现了模块化 ; 提供了详细的文档 ; 下载地址 : https://necolas.github.io/normalize.css/ normalize.css
2. 其中公共库中大致有Appium的操作、Excel档的操作、手机信息的配置、测试用例信息的收集、测试结果文件夹的生产 、测试报告的写入、邮件发送等公共方...
在移动开发领域,为了让APP保持最新的版本,同时让业务开发变得更加快捷,动态化技术极其重要。今天就来聊聊移动端动态和开发的由来和各流派的优缺点。...移动端动态化的由来“动态化”并不是最近几年才产生的名词,而是从从互联网诞生的初期,这个词就已经出现了。...大家所认知的早期互联网,其实就是各种各类的“动态网站”,内容数据和页面外观都不是固定的,都是随着服务器端的更新而更新的,让用户可以很及时地看到最新的内容。...因此,动态化可以说是互联网的标志,是互联网最核心的特性之一。而移动互联网的普及,移动端被各类原生应用所占据,而这些应用更近似于 Software,依托于应用市场进行更新,只有其中的数据是实时的。...因此,移动端动态化方案逐渐走进大家的视野,并被大家所关注。
一、移动端浏览器 ---- 移动端浏览器 比 PC 端浏览器发展要晚 , 使用的技术比较新 , 对 HTML5 + CSS3 支持较好 , 常见的浏览器如下 : UC / QQ / Opera / Chrom.../ 360 / 百度 / 搜狗 / 猎豹 国内的浏览器 基本都是 根据 Webkit 内核进行修改而来的 , 目前没有自主研发的内核 , 因此 移动端开发适配比较简单 , 兼容主流的浏览器 , 即兼容...Webkit 内核浏览器即可 ; 二、移动端屏幕分辨率 ---- 移动设备的尺寸类型非常多 , Android / iOS 手机分辨率种类很多 , 参考 Android 屏幕适配 专栏 ; 【Android...Android 与 iOS 屏幕宽高比种类 | 屏幕像素密度 DPI ) 博客 ; 前端开发时 , 不需要关注上述 屏幕像素密度 dpi , 密度无关像素 dp , 只需要关注 像素尺寸 px 即可 ; 三、移动端网页调试方法
之前陆续介绍了移动端测试的相关知识,今天介绍下元素定位之后的操作与触摸动作,学习计划因为各种原因,搁置了很久,接下来继续之前的计划,APP和API接口测试。...Appium往期推文: Appium移动端自动化测试--基础预热 Appium移动端自动化测试--搭建测试环境 Appium移动端自动化测试--录制测试用例并运行 Appium移动端自动化测试--使用...IDE编辑并强化脚本 Appium移动端自动化测试--控件定位方法 Appium移动端自动化测试--元素操作与触摸动作 Appium移动端自动化测试--搭建模拟器和真机环境 Appium移动端自动化测试...--测试用例改造 Appium移动端自动化测试--capability使用和常用设备交互命令 常见自动化动作支持 click sendKeys swipe touch action 元素操作 1.click...element);//点击操作 4action.doubleTap(element);//双击操作 5action.down(10, 10);//按住 6action.moveTo(50, 50);//移动
在前端的移动Web开发中,有一部分事件只在移动端产生,如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1....PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素,所以网页文字非常小,为了快速让网页还原到原来的大小,Safari最新引入了双击缩放功能...移动端特有的touch事件 由于移动端设备大都具备触摸功能,所以移动端浏览器都引入了触摸(touch)事件。...封装移动端tap事件 由于点击事件经常使用,如果用click会有延迟问题,一般我们会用touch事件模拟移动端的点击事件, 以下是封装的几个事件,仅供参考。...---- 参考文章: 移动端web开发---Touch事件详解 MDN:TouchEvent 移动端前端常见的触摸相关事件touch、tap、swipe等整理
另外,移动开发在未来也必定是开放互联的状态,移动互联网将来肯定是基于更加大众化的技术体系,没有平台之间的隔阂,而且简单易用。...移动端动态化的由来 “动态化”并不是最近几年才产生的名词,而是从从互联网诞生的初期,这个词就已经出现了。...大家所认知的早期互联网,其实就是各种各类的“动态网站”,内容数据和页面外观都不是固定的,都是随着服务器端的更新而更新的,让用户可以很及时地看到最新的内容。...因此,动态化可以说是互联网的标志,是互联网最核心的特性之一。 而移动互联网的普及,移动端被各类原生应用所占据,而这些应用更近似于 Software,依托于应用市场进行更新,只有其中的数据是实时的。...因此,移动端动态化方案逐渐走进大家的视野,并被大家所关注。
前言 软件工程的趋势:目前大部分企业的软件研发模式是持续交付,而自动化是持续交付的根基,而且不仅仅是测试要自动化,所有的环节都在自动化,自动化是未来的方向这一点已成为行业共识。...之前咱们已经讲过了AppCrawler自动遍历技术,本次TesterHome社区为带来移动App自动化的Appium实战公开课,带大家了解如何借助Appium做移动端App的UI自动化测试,以及Appium...社区汇集了三万多名测试工程师,不定期举办地方沙龙,已举办了四届中国移动互联网测试开发技术大会。...计算机专业的在校学生 研发工程师 授课效果 紧贴企业当下主流的技术栈,从时下最新的测试体系理论、Python、Java、Linux基础,到UI自动化测试、接口自动化测试、持续集成,到代码静态扫描、测试环境虚拟化...发展方向:课程内容既适用于移动端测试开发工程师,也适用于Web测试开发工程师,从基础入门到中高级进阶,一应俱全。
流程搭建: 移动端自动化云测的两个组成部分:远程设备、自动化流程。 远程设备在哪里? 云测平台,远程设备是关键,如果没有远程设备,当然也就不能称之为云测了。...在自动化测试平台上,配置自动化任务,触发自动化请求MCP执行接口,告知使用的设备及对应的自动化任务和自动化参数 2. MCP在接收到请求之后,解析参数,获取自动化选择的设备 3....MCP向设备所在服务器的Agent发送自动化指令,并传递自动化参数 4....自动化任务可能有因误操作/临时任务变动/设备急用等需要立刻中断设备占用&中断自动化执行的情况出现,所以需要MCP提供中断自动化任务接口,及时结束正在执行的自动化任务、释放设备。...任务分工: 自动化测试平台: 1. 根据已有的自动化测试类型 、自动化测试执行策略、测试框架支持的Command,整理出自动化执行时使用的所有数据信息 2.
从简单的全局变量分配,到RequireJS实现的AMD模块方式,browserify/webpack实现的静态引用方式。...结合业内其它离线化方案,我们在业务开发中推出了LsLoader.js解决缓存问题,把模块文件缓存到浏览器localStorage中,用JS控制模块文件更新与运行。...首先优势: 1) localStorage对于移动端兼容好,主流手机浏览器、WebView都有支持,且没有iOS UIWebView的退出进程缓存失效bug。...每天静态资源加载大小为80K*450万=343G,CDN请求大小为78G,节省流量为265G。...在Hybird开发中,我们可以把关键页面的资源列表生成个预加载的空页面,让客户端进入后提前打开隐藏的WebView加载这个页面,利用localStorage缓存实现预加载静态资源提升首屏H5的预加载功能
近日开始了移动端自动化测试的学习之路,决定在学习的过程中进行笔记,总结学习,印象或许会深刻一些。...Android自动化环境准备 1、 Android SDK:- 下载 Android SDK(可以先使用Android Studio辅助安装),并设置 PATH 变量加入 SDK 的工具目录; 2、模拟器...Appium多端架构与自动化 ? 在这里插入图片描述 Android自动化前提依赖: ?...adb shell uiautomator dump adb shell “uiautomator dump && cat /文件名“ input: 完成一些简单的自动化指令 adb shell input...Desktop:内嵌了 Appium Server 和 Inspector 的综合工具 Appium Server:Appium 的核心工具,命令行工具 Appium Clients:各种语言的客户端封装库
移动端基础 移动端浏览器我们主要针对webkit内核进行兼容 现在移动端碎片化比较严重,分辨率和屏幕尺寸大小不一 1.移动端调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试...4.1单独移动端页面(主流) 通常情况下,网址域名前面加m(mobile)可以打开移动端。...通过设备判断,如果是移动端打开,则自动跳转到移动端页面。...,需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动端技术解决方案 1.移动端浏览器 移动端浏览器基本以webkit内核为主,所以就考虑webkit兼容性问题。...2.css初始化 normalize.css 移动端CSS初始化推荐使用normalize.css 保护了有价值的默认值 修复了浏览器bug 是模块化的 拥有详细文档 官网地址:
领取专属 10元无门槛券
手把手带您无忧上云