firefox浏览器firebug插件调试js(jqueryt)程序(firefox调试js)

这篇文章是我从一个国外站点看的视频,经过简单实践,我发现这样做的确可以提高不少效率。下面来说说这种方式:

先决条件:

安装firefox+firebug

这里以我的博客为例:

基本的使用如下:



OK,下面让我们步入正题:

就拿上面的图片为例,我们看到博客园所有的标题都将class命名为:postTitle,下面我们利用jQuery将页面中的标题隐藏:



当然,我们也可以给页面的元素加入事件:



小结

上面我们简单说了firebug在调试jQuery中的简单应用,用这种方法,我们可以得到如下好处:

1.不必每次修改一点js代码便重新打开编辑器&调试,节省时间

2.可以查看jquery操作所影响到的元素,让学习jQuery和调试都更加容易

(0)

相关推荐

  • 火狐浏览器中firebug插件使用图文教程

    firebug插件-如何使用firefox进行网页js调试 什么是Firebug 从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式 ...

  • 火狐浏览器怎么安装Firebug插件

    大家在使用火狐浏览器的时候想要在火狐浏览器安装Firebug插件,那么火狐浏览器怎么安装Firebug插件呢?其实方法很简单哦,只要打开火狐浏览器的附加组件搜索Firebug插件进行下载安装就可以了哦 ...

  • Firefox浏览器怎么安装插件获取Http请求详情?

    Firefox浏览器怎么安装插件获取Http请求详情?我们通过浏览器访问Web应用,本质就是给提供Web服务的后台发送了一个Http请求,对于普通用户而言,这个请求是什么样子的并不重要,但对于Web应 ...

  • 火狐浏览器怎么下载安装firebug插件?

    火狐浏览器怎么下载安装firebug插件? 1.首先我们需要下载一款火狐浏览器,以及fireBug. 2.下载完成以后解压到我们空闲的盘符下 3.首先点击Firefox-full-latest.exe ...

  • FireFox浏览器如何安装Cookie插件?

    如果我们要详细的查看浏览器的Cookie,就需要在浏览器上安装一个Cookie插件了.下面我们就来看一下如何在FireFox浏览器里安装Cookie插件. 操作方法 01 打开FireFox浏览器,点 ...

  • 火狐浏览器怎么利用firebug插件查看hover样式?

    火狐浏览器firebug怎么查看hover样式 1.打开网站后按F12或点击火狐浏览器工具栏小图标调出firebug,如图 2.点击样式或右击样式旁倒三角,点击选择:hover,再用firebug的指 ...

  • IE.Chrome.Firefox浏览器收藏夹怎么同步

    个人认为在浏览器的收藏夹同步方面做得最好的还是google chrome,不久前IE自从系统升级到windows 8.1以后必须使用microsoft账户才能同步.这里收集了IE.Chrome.Fir ...

  • 微软发布Edge浏览器Chrome插件扩展转制工具(附下载地址)

    微软在推出Edge浏览器之初,就把能够使用Chrome浏览器扩展作为最大卖点之一.在Win10一周年更新版中,Edge浏览器已经具备使用扩展的功能,这可以为该浏览器增加更多功能. 不过,由于尚处于初期 ...

  • FireFox浏览器新标签页被360导航劫持 简单处理

    FireFox浏览器被 360导航劫持,查找注册表,各种主页保护工具以及FireFox自己的修复插件都没效果,试试按下面的方法吧. 操作方法 01 打开FireFox ,地址栏about:suppor ...