firebug

一、显示信息的命令 console.log(); //控制台输入 网页中不会输出 console.info(); //一般信息 console.debug(); //除错信息 console.warn(); //警告提示 console.error(); //错误提示 “console.log();” 可以用来取代 “alert();” 或 “document.write();” 比如，在网页中写入 “console.log("Hello World");” 然后会在控制台输入，但是网页中并不会输入。 我们在代码中插入如下代码： 　　console.info( "这是info" ); 　　console.debug( "这是debug" ); 　　console.warn( "这是warn" ); 　　console.error( "这是error" ); 加载后打开控制台会看到像下面这样： 二、占位符 console对象的上面5种方法，都可以使用printf风格的占位符。不过，占位符的种类比较少，只支持字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）四种。比如： 　　console.log( "%d年%d月%d日" , 2011,3,26 ); 　　console.log( "圆周率是%f" , 3.1415926 ); %o占位符，可以用来查看一个对象内部情况

一、什么是Xpath XPath是XML的路径语言，通俗一点讲就是通过元素的路径来查找到这个标签元素。 工具 Xpath的练习建议大家安装火狐浏览器后，下载插件，FireBug。由于最新版火狐不再支持FireBug等开发工具，可以通过 https://ftp.mozilla.org/pub/firefox/releases/ 下载49版本以下的火狐就可以增加Firebug等扩展了。 二、Xpath的使用方法 注：默认死格式 先写 //* 代表定位页面下所有元素 1、Xpath通过标签的属性定位 1 @代表以属性定位，后面可以接标签中任意属性 2 通过ID定位 3 //*[@id='i1'] 4 5 通过Class定位 6 //*[@class='pg-header'] 7 8 通过Name定位 9 //*[@name='username'] 10 11 通过Type定位 12 //*[@ type='button'] 2、当标签的属性重合时，Xpath提供了通过标签来进行过滤 1 获取所有input标签元素 2 //input 3 4 获取placeholder='用户名'的input标签元素 5 //input[@placeholder='用户名'] 这种方式比//*要快 6 7 当出现重复时可以使用下标定位，从1开始 8 //div[@class='inner'][2] 3

http1.1协议 规定http 的请求方式有OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT几种方式。其中POST是一种最常用的向服务器提交数据的方法，本文主要讨论POST提交数据的四种方式。 application/x-www-form-urlencoded 这应该是最常见的 POST 提交数据的方式了。浏览器的原生 <form> 表单，如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据。请求类似于下面这样（无关的请求头在本文中都省略掉了）： POST http://www.example.com HTTP/1.1 Content-Type: application/x-www-form-urlencoded;charset=utf-8 title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3 首先，Content-Type 被指定为 application/x-www-form-urlencoded；其次，提交的数据按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码。大部分服务端语言都对这种方式有很好的支持。例如 PHP 中，$_POST['title']

下载Firefox39.0版本浏览器，安装firebug和FirePath。最新版的Firefox在扩展组件中无法找到firebug，可以使用旧的版本的Firefox浏览器。 FirePath插件的使用： 1）使用手写XPath和CSS方式查找页面元素 启用Firefox浏览器，访问www.baidu.com网页。 启动Firebug插件，单击“FirePath”标签栏显示FirePath的使用界面。 在上图输入框中输入 XPath定位表达式“ //input[@id=＂ kw＂ ]” ,或者CSS定位表达式“input#kw”，查找页面中input标签的id 属性为“ kw”的输入框，回车 后，在 FirePath插件的代码显示区域会显示查找到的页面元素的 HTML代码，在网页显示区域中，搜索输入框以虚线框样式显示： 2）使用 FirePath插件获取页面元素的 XPath和CSS表达式 启动 FirePath浏览器，访问http://www.baidu.com 网页。 启动 Firebug插件。 在百度首页搜索框上方单击鼠标右键，在弹出的快捷菜单中选择“使用 Firebug查看元素”命令： 此时在Firebug插件的HTML标签区域高亮显示搜索框对应的HTML代码，选择高亮代码，右键然后点击复制XPath或者复制CSS路径，粘贴到文本文件中即可看到XPath或者CSS表达式：

这篇没有规整的文字叙述，是一些知识的杂谈记录~~~ 在我们做接口测试的时候，经常需要验证发送的消息是否正确，或者在出现问题的时候，查看手机客户端发送给server端的包内容是否正确，就需要用到抓包工具。 常用的抓包工具有fiddler、wireshark、httpwatch、 firebug、F12等。抓包抓的是协议，fiddler抓的是HTTP、HTTPS协议，wireshark抓的是其他协议。fiddler、wireshark可以修改接口的参数和返回值，常用的F12调试工具只可以查看接口的参数和响应值。 一般情况下，做接口测试时，必须有详细的接口文档，接口测试往往伴随着自动化即接口自动化测试，既然有接口文档，就可以直接使用了，为什么要抓包？一直知道fiddler抓包，也抓过包，但是一直不知道为什么要抓包，抓包用来干啥？现在来大概的解释一下： 1.在不知道接口的情况下 2.在知道接口，想查看接口数据的情况下 3.用来查看接口的安全性 比如：1.2：web端点击搜索按钮，没有查到数据。F12打开，点击搜索按钮，network中查看具体协议，则可以查看到此接口的参数和返回值。若参数传错，前端的锅；若响应异常，没有调通后台接口；若有响应，响应值错误，后台的锅。 2.3：支付订单的时候，fiddler请求前断点，修改5000元为50元，造成数据串改，不安全。用户登录的时候