做了很长时间的开发，一直用的是Chrome的Web developer Tool，突然有兴趣看看大名鼎鼎的Firefox的Firebug。大部分参考了http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html一、打开快捷键在Firebug网站上，可以找到它的快捷键设置。最常使用的有：打开Firebug：按F12在单独窗口
htop是Linux系统中的一个互动进程查看器，可以让用户进行交互式操作，可横向或纵向滚动浏览进程列表，支持鼠标操作。用户可以在ECS Linux服务器中安装htop来监控服务器的负载。Linux系统默认不带有htop工具，用户需要手动安装htop(以CentOS系统为例：yum install htop)安装成功后，可以在命令行输入htop来启动htop监控工具。htop启动后的界面如下图所示：
-sT（TCP connect() 扫描） -sV（服务版本探测） -sC（默认脚本扫描） OS detection（操作系统检测）或者nmap -p21 -sC 172.16.95.137 nmap -p22 -sC 172.16.95.137 nmap -p80 -sC 172.16.95.137参数含义： -p: 指定要扫描的端口号或端口范围。 -sC: 执行默认的 NSE 脚本集合。
1.背景介绍Chrome中Console是用于显示JS和DOM对象信息的单独窗口。并且向JS中注入1个console对象，使用该对象 可以输出信息到Console窗口中。在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台，console有很多方法，比如我们最常用的log()1.console对象console对象代表浏览器的javascrip
转载
2024-08-14 20:05:30
141阅读
最近很多同学问我浏览器的F12是什么东东？是干什么用的？为了解决大家的疑问，我特意写了这篇文章，总结了F12的使用。下面的讲解，主要是以Microsoft Edge浏览器和360极速浏览器中的截图为例。（说明：下面的截图中，中文截图的是Microsoft Edge浏览器的截图，英文的是360极速浏览器的截图。）我推荐大家用360极速浏览器，它抓包比较好比较全面（和360浏览器不一样哦）；如果莫英文
转载
2024-04-28 19:59:31
2718阅读
挺实用的一个bug技巧 这里用谷歌浏览器（Chrome）来举一个例子1.打开F12，打开百度选中www.baidu ，再选Headers，就可以看到(1)General:Request URL：请求的URL连接Request Method: 使用的是Get请求的方法Status Code: 状态码，200一般是指成功Remote Address: 远程Referrer P
转载
2024-05-03 09:18:04
3960阅读
公众号更换昵称为《软件测试er》,文章首发于公众号chrom浏览器为例（1）打开开发者工具，在浏览器菜单栏选择工具-开发者工具，快捷键是F12（2）打开之后切换到Network页签，操作就可以看到请求响应（3）再选择响应的链接，切换到Preview页签，可以看到响应的结果数据；切换到Headers页签可以看到请求的地址，请求的方式，结果等信息（4）Response结果中可以看到返回的
转载
2024-04-15 15:45:37
3807阅读
一，背景介绍通常前端程序员在按照UI效果图编辑网页时，不可能一口将全部的代码全部写好，通常情况是编写边调，经过反反复复的调试后才能达到要求的效果，这时候用Chrome浏览器的F12开发者工具能形象直观的帮助程序员调试自己的代码，用好F12能显着提高开发者的工作效率，加快调试的速度。 二，知识剖析1，F12开发人员工具是一套按需采用的工具，网站开发人员可以随时在任何网页上使用F
转载
2024-04-28 12:45:48
379阅读
前言 先上图：不知道有多少人发现，在浏览器开发工具的“Console”上的百度首页的关于百度招聘的信息： 今天要给大家介绍的就是是Web前端调试工具中的Console面板，应该说只要是个浏览器就会有的开发者工具，按F12出现的即是，就是我们上面图片上显示的Console，我这以谷歌浏
新装好的win7系统，打开Google浏览器，显示网页可能暂时无法连接，或者它已永久性的移动到了新地址。在网络搜索很多资料，发现解决方法如下，亲测成功。原因，该服务依赖的TCP/IP 协议有问题。 解决办法： 1、开始——运行——regedit.exe，打开注册表编辑器，删除以下两个键：HKEY_LOCAL_MACHINE\System\CurrentControlSet\Services\Wi
1、支持对于抓取的每个页面的详细的request header/post data，response header，cookie等信息 IE9和Chrome中的这些功能，是开发工具中的核心的功能，对于任何一款开发工具，都应该是必备的，所以两者都支持，只是各自显示出来方式不同而已。具体不同的
转载
2024-11-01 09:20:34
389阅读
1.解决cookie写入问题接下来我们查看首页cookie：什么都没有，为什么？1.1.问题分析我们在之前测试时，清晰的看到了响应头中，有Set-Cookie属性，为什么在这里却什么都没有？我们之前在讲cors跨域时，讲到过跨域请求cookie生效的条件：服务的响应头中需要携带Access-Control-Allow-Credentials并且为true。响应头中的Access-Control-A
转载
2024-10-09 12:52:38
112阅读
纯粹的手工测试早已不满足如今的项目需求，各种测试工具的应用早已成为普遍趋势。如何选取合适的工具来完成对应的测试工作？本文将针对Web测试，列举 一些推荐的测试工具，并加以简单介绍。（每个工具的实际使用都可做一大篇文章，这边仅简要介绍，不包含具体使用） 1、Web开发调试工具
技术没有所谓的开发及测试的界限，工具亦是。Web开发调试工具怎可仅被开发使用，这些工具也是
定位bug属于前端还是后台Chrom浏览器为例（1）打开开发者工具，在浏览器菜单栏选择工具-开发者工具，快捷键是F12（2）打开之后切换到Network页签，操作就可以看到请求响应（3）再选择响应的链接，切换到Preview页签，可以看到响应的结果数据；切换到Headers页签可以看到请求的地址，请求的方式，结果等信息（4）Response结果中可以看到返回的数据字段、值如图，此时页面出现报错点击
转载
2024-03-19 12:36:37
759阅读
有时候我们需要一些辅助资料时，会经常使用搜索工具查坎相关网页文件，但遇到一些需要用到的段落却不能直接复制时，一个字一个字的敲肯定是不现实，有什么方法可以让其直接进行复制呢？方法1：打印网页这种方式相对比较简单，而且电脑也不需要真的安装打印设备，类似于一种虚拟打印的方式；首先停留在当前需要文本的页面，单击鼠标右键选择“打印”或使用快捷键Ctrl+P，进入打印设置，右侧的打印预览页面均可直接进行复制，
转载
2024-05-15 11:29:26
564阅读
很多刚进入前端行业的小伙伴在写页面的时候，很容易出现错误，这时候很多小伙伴就会一行行查看自己的代码哪里有问题，或者仔细的对比网上代码，这样查看错误很浪费时间而且陷入了自己的思维里面看不出错误在哪里。下面呢，教大家如何快速的查找错误及解决问题。 其实，咱们的浏览器就有控制台及一些辅助工具等帮助我们查找错误，在这里我使用的Chrome（谷歌浏览器）的控制台来进行错误的查找。打开控制台方式有两种，一种在
你不知道的，F12开发者工具调试技巧1. 调试伪类 (点击styles 选择：hov 在下方选择元素的状态即可)方式二 （在elments中选中节点然后右键选中元素前状态，点击后 节点前就会出现一个橘色小球，然后在右侧就可以查看样式了）2.筛选选中节点上的class名（点击.cls后可在下面的勾选框中筛选）add new class 可为改节点添加一个新的class类名.cls旁的+号可以在下方添
转载
2024-04-11 13:44:26
188阅读
按下F12，打开开发者工具，选择"Console(控制台)"选项卡，输入document.cookie，回车就可以查看当前网站的Cookie了。输入document.cookie="xxx=xxx"，就可以修改cookie的内容了。 如图，输入document.cookie后，浏览器自动输出红色一行代码
原创
2022-08-31 11:25:19
5256阅读
一、Firefox 插件之 Firebug, 火狐调试利器【初学必备】 为什么要第一个提到火狐呢？因为啊，这东西确实是太方便了，刚开始接触开发那会儿，根本都不知道调试，只是凭着感觉去做事。后来看到有人在用Firefox 的 Firebug，一下就爱上了，原因如下。优点：1 中文；2 直观；3 定位超级快！缺点：1 插件每次都需要重新下载；2 每次都要重新启用才可以使用各种调试功能。 下面我
