有关Firebug插件

来源:互联网 发布:js防水涂料检验批 编辑:程序博客网 时间:2024/05/16 08:53


我们在火狐上可以安装firebug。是中文版的网页调试bug的插件,还算比较好用。我们需要点击F12进入调试界面。

第一个框带箭头,就是表示当我们鼠标移到任何一个组件的时候,下面就会自动跳转到该元素代码

第二个查看器,我们可以查看源代码,然后看每个元素所对应的范围以及内容。

第四个控制台,是展示页面向控制台输出的内容。

第三个调试器,我们在界面也可以对js代码进行调试,

从这个调试界面我们可以看到 当我们要调试这个界面的时候,需要在页面代码上打上断点,需要刷新这个界面然后进入断点,左上角有箭头,我们可以跳过,也可以指下一步进行,下面就是控制台输出(1enen   2enen。。。。),

5 样式编辑器

6

7

8  网络 这里是查看各种url请求(get post),以及响应数据。

补充这里报304 not modify。解释是这样的,

上网查 是这样的:

200是正常,304是内容没有修改。

当你第一次访问时,服务器会返回给你200状态码,同时在头里追加ETag值给你。浏览器拿到后将其缓存。

下一次再访问时,因浏览器已经有该地址的ETag值了。会将其缓存的ETag值内容放在请求头的If-None-Match中,服务器检查其自身内容的ETag值是否与其一致,如果一致就会返回304状态码,告诉你内容和你保存的一致,没有发生改变过。所以就会从浏览器缓存中拿取数据。





原创粉丝点击