基本上所有的浏览器都支持通过F12按键或是“查看元素”功能调出开发者工具，这本来是给专业的Web应用和网站开发人员使用的工具，但对于Web***测试同样也非常重要。不同类型的浏览器所使用的开发者工具也不尽相同，总体上可以分为Firefox和IE两大类。比如360浏览器，默认情况下的极速模式所使用的是Firefox内核，因而按F12调出的就是Firefox的开发者工具。如果选择兼容模式，则使用IE内核
分类：
Web程序 时间：
2018-11-21 21:10:29
阅读次数：
220
步骤1： 在Chrome按F12快捷键，调出[开发者工具]调试页面； 步骤2： 点亮[toggle device toolbar]； 步骤3： 点击[More options]（即上图的 三个竖点），选择[Capture full size screenshot]后，会自动截长图（无须任何其他操作） ...
分类：
其他好文 时间：
2018-11-17 23:23:08
阅读次数：
413
在进行web自动化测试的时候进行XPath或者CSS定位，需要检测页面元素定位是否正确，如果用脚本去检测，那么效率是极低的。 一般网上推选装额外的插件来实现页面元素定位检测 如：firebug。 其实F12开发者工具就能直接在页面上检测元素定位不需要装额外的插件。 有2种方式： F12开发者自带的e ...
分类：
其他好文 时间：
2018-11-17 20:50:57
阅读次数：
195
我们要爬取的网站为http://image.so.com/z?ch=photography，打开开发者工具，页面往下拉，观察到出现了如图所示Ajax请求， 其中list就是图片的详细信息，接着观察到每个Ajax请求的sn值会递增30，当sn为30时，返回前30张图片，当sn为60时，返回第31到60 ...
分类：
其他好文 时间：
2018-11-16 22:31:36
阅读次数：
258
1.如何调出开发者工具 按F12调出 右键检查（或快捷键Ctrl+Shift+i）调出 2.开发者工具初步介绍 chrome开发者工具最常用的四个功能模块：元素（ELements）、控制台（Console）、源代码（Sources），网络（Network）。 元素（Elements）：用于查看或修改 ...
分类：
其他好文 时间：
2018-11-15 18:36:22
阅读次数：
389
准备：微信开发者工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 微信小程序开发文档：https://developers.weixin.qq.com/miniprogram/dev/inde ...
分类：
微信 时间：
2018-11-14 12:30:17
阅读次数：
281
1. 下载、安装 微信web开发者工具 — 用于之后的小程序开发 (1) 下载 网址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html —选择对应的版本(32位、64位) (2) 安装 双击安装包—出现安装向导—点击 下 ...
分类：
微信 时间：
2018-11-08 14:22:22
阅读次数：
546
1. 创建小程序 (1) "微信web开发者工具"—使用手机微信扫码登录 (2) 点击 “添加项目” —填入如下信息—选择 创建 “quick start项目” （小程序模板）—点击 “添加项目”——进入并看到完整的开发者工具界面 AppID：之前获取到的AppID (若没有，可以忽略) 项目名称： ...
分类：
微信 时间：
2018-11-08 14:22:01
阅读次数：
158
微信小程序的学习 微信小程序的开始尝试 TodoList 微信开发者工具生成 目录如下： . | app.js | app.json | app.wxss | pages | | index 主页 | | | index.js | | | index.json | | | index.wxml | ...
分类：
微信 时间：
2018-11-05 20:56:44
阅读次数：
234
前言 前言 在测试Web页面加载时间时，可能会是这样的： 打开chrome浏览器。 按F12打开开发者工具。 在浏览器上打开要测试的页面 查看开发者工具中Network面板的页面性能数据并记录 或者在开发者工具中Console面板运行performance.timing和performance.ge ...
分类：
Web程序 时间：
2018-11-05 10:11:49
阅读次数：
272
