2023年6月21日发(作者:)

在测试网站相关业务时,离不开各种浏览器,常用的IE就不说了,它的扩展性不好,测兼容性时需要使用。平时测试或者开发更青睐于firefox浏览器,其强大的附加组件也使我们的分析变得简单并全面。今天推荐几个工作常用的扩展组件。

1、 Firebug

对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一。可以对任何网页的 CSS、HTML 和 JavaScript 进行实时编辑、调试和监控。当然,对测试人员来说,这个也是必不可少的利器,我更多的使用其网络监控器功能,它能展现页面内的每个HTTP请求及响应大小,响应时间。如图:

安装后直接按F12即可打开,非常方便。

现在版本为:Firebug 1.11.2

2、 Modify Header

它允许用户在浏览器发送请求之前修改请求头信息,我们可以随意设置我们想要发送的头信息,这里可以设置的很多,如Cookie,UserAgent,Accept等。安装完成后在浏览器的左下角。打开设置框:

这个工具可以按自己需要修改头信息字段值,如图中可将发送请求的User-Agent值由默认的firefox值修改为“N97”。可以修改Accept字段值,使其接受png图片的格式。

只要是请求头中的字段,都可以在里面进行手动修改。

现在版本:Modify Header 0.7.1.1

3、 Elite Proxy Switcher

代理管理、切换工具,集成在浏览器右下角,直接单机即可在有无代理中自动切换。

如图中红框,左键点击切换,右键点击会弹出代理设置框,可进行代理修改。

现在版本为:Elite Proxy Switcher 1.2.0.2

4、 Cache Status

Cache Status用于即时监控浏览器的缓存使用情况,包括内存缓存和硬盘缓存。右键点击它的状态栏,你可以将已经使用的缓存清空,或者是刷新数据;通过Firefox中的插件管理选项,你还可以对Cache Status做一些简单设置,设置最大的内存和硬盘缓存值,到达这个数值就自动清理缓存,释放出来。

现在版本为:Cache Status 0.7.10

5、 CacheViewer Continued

CacheViewer可查看firefox的缓存文件,但是firefox的缓存文件不像IE那样,在临时文件夹里面存放着各个元素。Firefox的缓存文件是按它自己的格式打包存放的。CacheViewer可以查看到对应元素的存放位置:

其中filePath为在磁盘中的存放文件,文件无后缀名,读取时自己加上对应的后缀即可。在浏览器中的位置为:

这在查找网页缓存视频及图片时比较方便。

现在版本为:CacheViewer Continued 0.9.4

6、 Override User Agent

这个组件可以方便修改当前浏览器使用的User Agent,功能与Modify Header有些类似,但是Modify Header中修改User Agent时,需要手动写入具体值,而此工具已保存有常用终端的真实User Agent值,方便实时切换:

这个工具可以模拟成其他浏览器器或终端的User-Agent,可以用来查看网站服务器对不同终端返回的内容是否一致。分析SP的不同响应内容。

现在版本:Override User Agent 0.4.2

这些组件都可以在浏览器的附加组件中搜索并添加。有些也支持在别的浏览器中添加,如chrome,opera等。

Firefox支持的组件非常多,如果场景需要,可再具体查找。

2023年6月21日发(作者:)

在测试网站相关业务时,离不开各种浏览器,常用的IE就不说了,它的扩展性不好,测兼容性时需要使用。平时测试或者开发更青睐于firefox浏览器,其强大的附加组件也使我们的分析变得简单并全面。今天推荐几个工作常用的扩展组件。

1、 Firebug

对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一。可以对任何网页的 CSS、HTML 和 JavaScript 进行实时编辑、调试和监控。当然,对测试人员来说,这个也是必不可少的利器,我更多的使用其网络监控器功能,它能展现页面内的每个HTTP请求及响应大小,响应时间。如图:

安装后直接按F12即可打开,非常方便。

现在版本为:Firebug 1.11.2

2、 Modify Header

它允许用户在浏览器发送请求之前修改请求头信息,我们可以随意设置我们想要发送的头信息,这里可以设置的很多,如Cookie,UserAgent,Accept等。安装完成后在浏览器的左下角。打开设置框:

这个工具可以按自己需要修改头信息字段值,如图中可将发送请求的User-Agent值由默认的firefox值修改为“N97”。可以修改Accept字段值,使其接受png图片的格式。

只要是请求头中的字段,都可以在里面进行手动修改。

现在版本:Modify Header 0.7.1.1

3、 Elite Proxy Switcher

代理管理、切换工具,集成在浏览器右下角,直接单机即可在有无代理中自动切换。

如图中红框,左键点击切换,右键点击会弹出代理设置框,可进行代理修改。

现在版本为:Elite Proxy Switcher 1.2.0.2

4、 Cache Status

Cache Status用于即时监控浏览器的缓存使用情况,包括内存缓存和硬盘缓存。右键点击它的状态栏,你可以将已经使用的缓存清空,或者是刷新数据;通过Firefox中的插件管理选项,你还可以对Cache Status做一些简单设置,设置最大的内存和硬盘缓存值,到达这个数值就自动清理缓存,释放出来。

现在版本为:Cache Status 0.7.10

5、 CacheViewer Continued

CacheViewer可查看firefox的缓存文件,但是firefox的缓存文件不像IE那样,在临时文件夹里面存放着各个元素。Firefox的缓存文件是按它自己的格式打包存放的。CacheViewer可以查看到对应元素的存放位置:

其中filePath为在磁盘中的存放文件,文件无后缀名,读取时自己加上对应的后缀即可。在浏览器中的位置为:

这在查找网页缓存视频及图片时比较方便。

现在版本为:CacheViewer Continued 0.9.4

6、 Override User Agent

这个组件可以方便修改当前浏览器使用的User Agent,功能与Modify Header有些类似,但是Modify Header中修改User Agent时,需要手动写入具体值,而此工具已保存有常用终端的真实User Agent值,方便实时切换:

这个工具可以模拟成其他浏览器器或终端的User-Agent,可以用来查看网站服务器对不同终端返回的内容是否一致。分析SP的不同响应内容。

现在版本:Override User Agent 0.4.2

这些组件都可以在浏览器的附加组件中搜索并添加。有些也支持在别的浏览器中添加,如chrome,opera等。

Firefox支持的组件非常多,如果场景需要,可再具体查找。