美文网首页
分享磨砺营马剑威老师讲解火狐浏览器里面的几个插件的使用技巧

分享磨砺营马剑威老师讲解火狐浏览器里面的几个插件的使用技巧

作者: 磨砺营IT | 来源:发表于2016-07-13 10:09 被阅读44次

    今天给大家分享一下我在开发中使用到的火狐的一些比较实用的插件,这里不管新手老手,大家有用过的就扫一眼,有没用过的大家学习一下,这些在开发中确实比较实用。

    首先,统一跟大家说一下这些插件的获取和安装

    1、点击火狐浏览器标题栏最右边有一个图标菜单按钮

    2、在弹出的窗口中点击附加组件

    3、在新弹出的页面中右上方有个搜索框,在其中输入你要获取的插件,然后回车,它就会跳转到搜索出来的结果列表,找到自己的那个插件,点击右侧的安装。这里有部分是需要重启后才能生效的,大家重启一下浏览器就好。

    下面就给大家介绍第一个插件

    1、HttpRequester,这个插件能做到非常细致的模拟网络请求,并获取返回结果,展示。我在开发中和后台调试接口的时候通常就使用它来完成。打开它的界面如下:

    下面我们介绍一下这个工具怎么使用,基本做开发的都能看懂这上面这些名称:

    URL:进行请求或者访问的路径

    GET:这里可选择请求方式

    submit:提交

    用法:贴入路径后,点击submit或者submit右边的GET/POST/PUT后,右侧的RESPONSE中会有响应的值

    如上图,左边URL中贴入路径,点击GET或者Submit右侧会有响应的值,返回的状态值:200 OK,History是最近的请求地址。

    这里有的朋友可能会问,添加头信息,参数的时候该如何去模拟呢,我们还是看上图,上图中有

    三个参数,咱们放置头信息的时候点击Headers,进入如下界面进行对应的添加;

    放置参数信息的时候,点击Parameters,进入如下界面进行对应信息添加:

    最终点击submit即可进行请求模拟了。

    2、FireBug。讲了HttpRequest,就不得不讲FireBug,FireBug在我们前端写页面的时候可以说是一大利器啊,当然我们一样可以使用到。同样的道理,先去下载安装。那么具体使用:

    打开一个网页后,点击小虫子图标打开FireBug。界面效果如下:

    这里我随便打开了一个网页,大家可以很直观的看到HTML中显示的是整个页面的布局样式,那在右侧是样式,布局等东西,所以我们说是前端一大利器,用来参考页面样式,调试页面布局,做兼容性测试等都是非常强大的。

    那说到这里有朋友可能会问,这都是前端的东西,我又不写页面没啥用啊。哈哈,别急,咱们慢慢看。

    既然这样说了,那么HTML和CSS样式这两栏咱就不去看了,直奔主题“网络”,点击网络后,出现界面如下:

    界面中咱们可以看到二级目录上边有HTML,CSS,JavaScript...等小标题。那这里咱们主要讲的就是HTML这一栏,大家可以看到下面是不是有如下信息:

    咱们选择一个路径点击开后,显示界面如下:

    这时候我们是不是可以发现里面包含了响应头信息,请求头信息等数据?那后边是不是还有Cookies信息,有了这些信息,咱们是不是可以结合HttpRequester抓取数据?咳咳,低调低调。

    那同样的咱们这里,还有响应以及缓存大家也可以稍微去了解一下,这个最好的测试方法就是大家可以去连接上自己家里的路由器,利用FireBug去抓取一下路由器里面返回的数据,自己写一下解析,是不是可以写一个控制路由器的APP呢?哈哈 你家的智能路由就这么诞生啦。

    今天先给大家讲解这两个插件,明天咱们继续给大家介绍其他两个有意思的插件,保证简单又实用,还都是开发中有用到的哦!

    本文出自微信公众号mjw-java

    相关文章

      网友评论

          本文标题:分享磨砺营马剑威老师讲解火狐浏览器里面的几个插件的使用技巧

          本文链接:https://www.haomeiwen.com/subject/fxvsjttx.html