【技术】手机m站
多则惑少则明
让天下没有难测试的项目。专注于测试开发领域,近9+年的工作实战经验,主攻方向包括:
0-1/中期/成熟类大型/复杂系统的业务测试
自动化测试平台&框架开发;
打造质量体系及沉淀质量方法论
个人邮箱zpphnkjxy@126.com
文章周末定时更新,其余时间不定时更新
展开
-
浏览器内核分类
1. 浏览器内核浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网原创 2015-12-04 10:46:22 · 944 阅读 · 0 评论 -
前后端接口分离-wiremock
1. wiremock 使用方式方式一: json配置方式二:引入jar包2. json配置使用wiremock(1)post请求使用步骤: 下载wiremock-1.48-standalone.jar 包,按如下步骤启动端口:step 1: mappings 文件夹中新建add.json,内容:{"request":{"url"原创 2016-01-13 10:02:25 · 6788 阅读 · 3 评论 -
前端规范(html5,js)
参考http://www.css88.com/archives/5364http://www.html5cn.org/article-2975-1.htmlhtml5规范注意点原因不推荐/推荐文档类型 规范化的 HTML不推荐TestThis is only a te转载 2015-12-24 10:27:45 · 589 阅读 · 0 评论 -
如何在移动设备上调试html5开发的网页
1. 在iOS和Android两个平台上如何在真机上对页面进行调试这里要说明的是,iOS平台只能用自带的Safari浏览器来调试,而Android平台也只能用google Chrome浏览器来调试。步骤:http://www.cnblogs.com/zhoujg/p/4386611.html常用链接:1)直接在浏览器地址栏输入chrome://inspect原创 2016-01-29 13:31:21 · 2520 阅读 · 0 评论 -
HTML5 代码实例
1. HTML5 代码与测试html5代码作用代码备注video抱歉,您的浏览器不支持HTML5 videovar myVideo=document.getElementById("h5v-video-ID");myVideo.pause();myVideo.play();alert(myVideo.src);myVide原创 2016-01-29 15:09:31 · 3143 阅读 · 0 评论 -
js跨域及解决方案
1. 产生原因浏览器同源策略限制,当前域名的js只能读取同域下的窗口属性。一个网站的网址组成包括协议名,子域名,主域名,端口号。当在在页面中从一个url请求数据时,如果这个url的协议名、子域名、主域名、端口号任意一个有一个不同,就会产生跨域问题。即使是在 http://localhost:80/ 页面请求 http://127.0.0.1:80/ 也会有跨域问题转载 2016-01-29 15:13:42 · 1911 阅读 · 0 评论 -
Jquery/js单元测试中实现Mock(js实现mock接口)
场景在前后台共同进行一个项目的时候常会遇到一种情景, 后台定义好接口,前端按照接口进行开发, 当前端开发完成后台接口却还没有开发完成, 这个时候要进行接口测试, 只能等后台开发完成才能测试, 在这中间浪费了很多时间, 现在有个利器可以解决这个问题, 即使不用后台,只要提前制定好接口的报文,那么前端就可以自己模拟接口来进行接口测试了, 今天要讲的东西就是mockjax和mockJSON。例转载 2016-02-01 14:45:42 · 4502 阅读 · 0 评论 -
Selenium+AdroidDriver测试android wap页
分类针对智能手机端的应用的自动化测试,目前主要分两类:一是基于APP的apk自动化测试,二是浏览器的wap页测试。目前做的较多的是第一种情况,应用的自动化测试框架也较多,如NativeDriver、Robotium、calabash等;而第二种情况的自动化测试框架就较少了,目前较常用的为Selenium。用途测试手机浏览器上的网站AndroidDrive原创 2016-01-04 14:58:23 · 9429 阅读 · 2 评论 -
测试 必用 工具(测试工具知多少)
json对比http://tlrobinson.net/projects/javascript-fun/jsondiff/原创 2015-09-21 10:10:26 · 2919 阅读 · 0 评论 -
js工具
1. js工具及笔记功能描述js画图方法一:highchart方法二:echartsjs数组//var a = [];// 创建数组//a.push(1);//a.push(1);// 添加到最后 // alert(a); //var tmp=["aa","bb"];js json解析参考原创 2016-02-16 16:58:39 · 495 阅读 · 0 评论 -
fiddler实现后端接口 mock(不需要修改开发代码)
步骤1. 获取 接口 定义(接口返回的json串)2. json串放入本地txt文件中例如, test.txt:{"retCode": "200","Msg": "ok","retSign": "1323243","retTime": " 2324523232 ","totalCount": "13","data": []}3. fiddler原创 2015-12-30 16:47:18 · 10923 阅读 · 0 评论 -
cookie与session区别联系与原理
cookie简言之,session是存储在服务器端的,cookie是存储在客户端的,session可以依赖于cookie。cookie机制。正统的cookie分发是通过扩展HTTP协议来实现的,服务器通过在HTTP的响应头中加上一行特殊的指示以提示浏览器按照指示生成相应的cookie。然而纯粹的客户端脚本如JavaScript或者VBScript也可以生成cookie。而cooki...原创 2015-12-11 10:12:36 · 1961 阅读 · 0 评论 -
移动web端测试-M站
移动web端和 web网站兼容性测试对比1) 对于web网站,一般来说,目前我们需要兼容的是 1个操作系统(windows)X 3种浏览器(ie 6、ie7、firefox)= 3种情况 2) 要求高一点的web网站需要兼容的是 1个操作系统(windows)X 7种浏览器(ie6、ie7、firefox、chorme、opera、safari、遨游)+ 1个操作系统原创 2015-12-03 18:36:42 · 3664 阅读 · 0 评论 -
js console 函数详解(js开发调试的利器)即 Firebug控制台
1. 目的方便js调试原理:Console 是用于显示 JS和 DOM 对象信息的单独窗口。并且向 JS 中注入1个 console 对象,使用该对象 可以输出信息到 Console 窗口中。Firebug内置一个console对象,提供5种方法,用来显示信息。最简单的方法是console.log(),可以用来取代alert()或document.writ原创 2015-12-08 12:27:19 · 1815 阅读 · 0 评论 -
js事件机制
页面中添加事件的几种方式方式代码描述直接将JS代码写在HTML上NowamagicHTML Element元素自身就拥有了很多onXXX属性,只需将JS代码赋值给其就可以了。赋值给onXXX的字符串将作为响应函数的函数体冒泡事件定义一个函数,赋值给html元素的onXXX属性原创 2015-12-13 18:37:58 · 777 阅读 · 0 评论 -
Chrome扩展及应用开发 入门笔记(六)进阶(网络请求,脚本注入)
1. har规范http://weizhifeng.net/har-12-spec-chinese-edtion.htmlHAR(HTTP Archive),是一个用来储存HTTP请求/响应信息的通用文件格式,基于JSON。这个格式的出现可以使HTTP监测工具以一种通用的格式导出所收集的数据,这些数据可以被其他支持HAR的HTTP分析工具(包括Firebug,h原创 2015-12-28 10:05:56 · 7812 阅读 · 0 评论 -
Chrome扩展及应用开发 入门笔记(二)跨域请求
manifest.json:文件可以告诉Chrome关于这个扩展的相关信息,它是整个扩展的入口,也是Chrome扩展必不可少的部分注:Google的官方文档中对于扩展和应用给出了两个不同的Manifest介绍界面,这是因为有些属性只能由扩展使用,而有些属性只能由应用使用。如果这两者同时出现在同一个Manifest文件中,就会使Chrome困惑,不知是按照扩展对待这个程序还是转载 2015-07-01 19:06:03 · 5144 阅读 · 0 评论 -
Chrome扩展及应用开发 入门笔记(三)存储数据
常驻后台:不是用户主动发起时(如开启特定页面或点击扩展图标等)才运行,而是希望扩展自动运行并常驻后台来实现一些特定的功能,比如实时提示未读邮件数量、后台播放音乐等等。Chrome允许扩展应用在后台常驻一个页面以实现这样的功能。在一些典型的扩展中,UI页面,如popup页面或者options页面,在需要更新一些状态时,会向后台页面请求数据,而当后台页面检测到状态发生改变时,也会通转载 2015-07-02 10:42:38 · 5789 阅读 · 0 评论 -
JavaScript本地存储实践localStorage
本地存储解决方案很多,比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。缓存方案特点限制Cookie在web中得到广泛应用,但局限性非常明显,容量太小,有些站点会因为出于安全的考虑而原创 2015-12-13 15:23:57 · 5330 阅读 · 0 评论 -
Chrome扩展及应用开发 入门笔记(一)
chrome特点:Chrome是Google公司基于WebKit开发的一款浏览器;页面渲染速度快;JavaScript执行速度快;支持开发者为其编写各种各样的扩展来扩充其功能,用HTML5编写桌面程序chrome插件与应用区别:Chrome扩展是用于扩充Chrome浏览器功能的程序,Chrome应用是以Chrome为平台运行的程序,二者区别如下:转载 2015-07-01 17:51:07 · 2878 阅读 · 0 评论 -
Chrome扩展及应用开发 入门笔记(七)带选项页面的扩展与本地存储
带选项页面的扩展Chrome通过Manifest文件的options_page属性为开发者提供了这样的接口,可以为扩展指定一个选项页面。当用户在扩展图标上点击右键,选择菜单中的“选项”后,就会打开这个页面.指定options_page属性后,扩展图标上的右键菜单会包含“选项”链接本地存储通常Chrome扩展使用以下三种方法中的一种来储存数据:第一种是使用转载 2015-12-30 23:01:58 · 1014 阅读 · 0 评论 -
构造HTTP请求Header实现“伪造来源IP”(重在原理)
转载自:http://zhangxugg-163-com.iteye.com/blog/1663687http://www.walkerjava.com/index.php?m=blog&f=view&id=101. 伪造原理在阅读本文前,大家要有一个概念,在实现正常的TCP/IP 双方通信情况下,是无法伪造来源 IP 的,也就是说,在 TCP/IP 协议中转载 2015-12-17 16:57:11 · 35911 阅读 · 0 评论 -
Sikuli -web页面自动化测试工具
简介Sikuli(在墨西哥维乔印第安人的语言里是”上帝之眼”的意思)是由美国麻省理工学院开发的一种最新编程技术,使得编程人员可以使用截图替代代码,从而简化代码的编写流程。从它研究方向上看,是一种编程技术,但是该技术还可以用于进行大规模的程序测试,脚本程序编写使用的是python语言。他不需要去写出一行行代码,而是用屏幕截图的方式,用截出来的图形元素组合出神奇的程序。Sikuli 可以采原创 2016-01-04 11:24:24 · 6966 阅读 · 0 评论 -
手机浏览器市场份额统计 和 UserAgent使用
参考http://www.cnsoftnews.com/news/201507/20932.htmlhttp://www.ccidnet.com/2015/0217/5770729.shtmlhttp://www.199it.com/archives/230481.html结论UC、QQ、百度居前三强手机浏览器排名手机浏览器数量原创 2015-12-03 15:56:54 · 8424 阅读 · 0 评论