1.安装开发者工具(ubantu) 参考以上地址按步骤来就可以了 如果第一句不成功,可以用输入下面的命令 安装好以后启动 ...
分类:
微信 时间:
2017-07-10 18:08:19
阅读次数:
363
处处用到网络抓包 “君子生非异也,善假于物也”,要做好测试很多时候光靠自己是远远不够的,还要会利用测试工具协助测试,这样才能事半功倍。 测试工具多种多样,会在本系列中一一介绍,今天着重介绍网络抓包工具。 现在的浏览器都具有抓包功能,ie或者chrome都自带的开发者工具,选择网络就能抓取该浏览器所发 ...
分类:
其他好文 时间:
2017-07-09 12:16:58
阅读次数:
163
DevTool开发者工具 chrome的开发者工具可以说是十分强大了,是web开发者的一大利器,作为我个人而言平时用到的几率很大,相信大家也很常见,但是不要仅仅停留在点选元素看看样式的层面上哦,跟着我的总结一起学习实践一下吧(能帮到你的话随便copy好了,开源时代赛高,感谢我就给我留个评论吧。但是码 ...
分类:
其他好文 时间:
2017-06-29 23:47:09
阅读次数:
5971
Chrome浏览器开发者工具Network窗口下,可以查看下载各组件所需的具体时间 根据上表进行简要分析—— Stalled(阻塞) 浏览器对同一个主机域名的并发连接数有限制,因此如果当前的连接数已经超过上限,那么其余请求就会被阻塞,等待新的可用连接;此外脚本也会阻塞其他组件的下载; 优化措施: 1 ...
分类:
其他好文 时间:
2017-06-29 17:30:41
阅读次数:
121
在Chrome浏览器按F12,打开开发者工具,切换到console选项卡: 在下面的输入行输入下面的命令回车:document.body.contentEditable="true" 再单击页面上的任意文本就可以直接编辑了: 这个是利用了H5的contentEditable属性 . ...
分类:
Web程序 时间:
2017-06-28 23:14:28
阅读次数:
998
1,逻辑错误 常见错误: 是否由于拼写错误而导致申明了新的变量? 是否在条件判定上出现了疏漏? 方法:使用开发者工具调试代码 2,代码错误 常见错误: 是否拼写错误? 是否使用中文的符号? 扩展: 1,良好的代码习惯 2,多写注释 3,高内聚,低耦合 4,程序员的日常工作 5,程序员的探索精神 ...
分类:
Web程序 时间:
2017-06-28 23:11:55
阅读次数:
219
首先HTTP协议是个无连接的协议,浏览器和服务器之间是以循环往复的请求回复来交互的,交互的形式是以文件形式来进行的。比如在chrome开发者工具network中看到了 每一行是一个文件,又文件大小啊,文件类型啊,比如脚本,图片等。 根据协议,把每个文件的内容按照协议格式填入HTTP数据协议结构,其中 ...
分类:
其他好文 时间:
2017-06-28 20:38:44
阅读次数:
241
python模拟登陆知乎,用开发者工具跟踪浏览器与服务器的交互,需要知道用户名,密码的字段名,可在文件email中看到;需要注意的是一定要 勾选 preserve log ,否则登陆之前的交互不会显示,也就找不到email 文件了 ...
分类:
其他好文 时间:
2017-06-28 18:58:16
阅读次数:
144
一、概述 1.官方文档 2.打开方法: 3.前言: 二、九个模块: 1.设备模式Device Mode 2.元素面板Elements 3.控制台面板Console 4.源代码面板Sources 5.网络面板Network 6.性能面板Performance 以前的版本叫Timeline 7.内存面板 ...
分类:
其他好文 时间:
2017-06-26 17:14:11
阅读次数:
266
目录: 一、概述 1.官方文档 2.打开方法: 3.前言: 二、九个模块: 1.设备模式Device Mode 2.元素面板Elements 3.控制台面板Console 4.源代码面板Sources 5.网络面板Network 6.性能面板Performance 以前的版本叫Timeline 7. ...
分类:
其他好文 时间:
2017-06-26 17:06:41
阅读次数:
214