落枫推荐:firefox插件firebug的8个最优秀扩展
原文地址:http://blog.163.com/seo_luofeng/blog/static/17657502420112302540348/?suggestedreading&wumii
从事跟网站有关的懂行的人一般都会使用firefox浏览器,那肯定离不开firefox下面强大的插件,而Firebug是Firefox下的一款开发类插件,现属于Firefox的 五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和 Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。唯一不方便的是firebug的扩展基本是英文的.
Firebug是革命性的Firefox扩展,帮助网页开发者与设计师以及seo等技术人员测试检查前端代码。为我们提供了大量有用的特色功能,比如,延迟信息控制板,DOM查看器,页面元素的逐条信息,以及更多。尽管Furebug 已经是捆绑了大量开发功能的工具箱了,但是仍然有几个扩展可以提升它的可用性。本文为大家推荐介绍十款最好Firebug扩展(顾名思义,就是整合到插件firebug里的东西,清爽又省位置),让开发生活更加轻松。最重要的是它们竟然还是免费的.为方便各位安装扩展,我在每个扩展介绍后面都提供了下载链接.
1. Pixel Perfect
Pixel Perfect可以把网页与设计稿覆盖在一起组成一个网页,方便精确的编写CSS与HTML。借由切换网页组成的开关,网页开发者与设计师拥有可视化指导,精确位置和网页部件的尺寸。查看 视频演示,看看Pixel Perfect如何工作的。
- 安装 Pixel Perfect
2. Page Speed
Page Speed是评估网页表现,为开发者提供可行的前端性能优化建议的开源Firebug插件。测试和评估是基于Google的Steve Sounder编写的网页性能的最优方法。请务必阅读页面速度用户指南完整文档的许多功能。
- 安装 Page Speed
3. CodeBurner
CodeBurner,sitepoint发布的Firebug的扩展,提供内建的HTML和CSS参考。扩展也显示基于当前CSS 和HTML面板前后关系的信息。这样的参考非常实用,为你显示浏览器兼容性与W3C网页元素推荐遵守协议的信息,其中很多其他类型的信息。
- 安装 CodeBurner
4.FireRainbow
FireRainbow是简单的Firebug扩展,提供了非常联想的功能:代码语法高亮。FireRainbow把JavaScript, CSS, 和HTML变成了彩色,提供了更好的代码可读性,方便在Firebug回顾与审查。现在有超过二十种可供选择的FireRainbow主题安装,可以自由定制。
- 安装 FireRainbow
5.Inline Code Finder
Inline Code Finder 非常适合查看内嵌的avaScript和CSS,适合开发者重构现有的标记以单独的结构(HTML)与风格(CSS)以及功能(JavaScript) 。该工具使用很简单:搜索整个网页的内嵌代码,为开发人员提供内联代码前后关系的信息。你可以过滤某些群体内嵌代码。
- 安装 Inline Code Finder
6. SenSEO
SenSEO是分析网页并指出如何做白帽搜索引擎优化的Firebug扩展。核查元标记的正确使用,存在的题目,标题,和其他相关的最佳搜索引擎优化标准,这个你会喜欢的,一键看清所有元素.
- 安装SenSEO
7.YSlow
YSlow评价网页的性能,并建议改善有潜力的地方。 YSlow是基于YDN的加快网站的最佳方法,并给你三个预定义(或用户定义的)规则设定。它有几个有用的功能,如显示的信息和网页组件的资料统计,整合了优化工具,如JSLint 和Smush it。
- 安装YSlow
8.Firefinder
Firefinder是按照您输入搜索标准快速查找网页内容中相匹配的CSS或XPath选择符。 Firefinder对测试哪个网页内容受CSS样式规则影响,高亮与查找符合您的搜索的元素非常实用。
- 安装 Firefinder
firebug是很优秀的开发插件,另外还有几个firefox插件也很优秀,比如webdeveloper,seoquake,search status以及一些插件同步,书签同步插件,非常方便使用.落枫seo今天就先提一下,有兴趣又没用过的人可以去试试看,只要你会用(由于这些插件基本都是英文的,所有最好有点英文功底),保证你会爱上它.感谢这些插件的开发者
转载于:https://www.cnblogs.com/softlover/articles/2786277.html
落枫推荐:firefox插件firebug的8个最优秀扩展相关推荐
- Web调试工具:火狐Firefox插件Firebug介绍
Web调试工具:火狐Firefox插件Firebug介绍 什么是Firebug Firebug是Firefox下的一款开发类插件,现属于Firefox的五星级强力推荐插件之一.它集HTML查看和编辑. ...
- Mozilla技术布道者给Web开发人员推荐Firefox插件列表
本文作者Robert Nyman是Mozilla的技术布道者,从1999年开始从事Web前端开发 .让Web开发人员的生活尽可能轻松和高效,这是Firefox一直坚持的目标之一.通过提供工具和可扩展的 ...
- Selenium2(WebDriver)总结(二)---Firefox的firebug插件参数设置(补充)
Selenium2(WebDriver)总结(二)---Firefox的firebug插件参数设置(补充) 本文是对上一节的补充:http://www.cnblogs.com/puresoul/p/4 ...
- [Firebug]用来武装Firebug的十三款Firefox插件
如果你是一名Web设计师,Firebug想必不会陌生,作为一款Firefox插件,它可能是网站前端开发最有用的工具之一.尤其是如今网站中用到越来越多的javascript和ajax技术,firebug ...
- 好的Firefox插件推荐
好的Firefox插件推荐: 1,广告过滤:ublock 2, 主页管理:monknow 3,pdf下载:print friendly pdf 4, 图片搜索:search by image 5,网页 ...
- [Firefox] 方便实用的firefox 插件
前言 Firefox是一款不错的浏览器. 针对firefox 开发的插件也很多, 这里列出一些笔者经常使用推荐的插件. Firebug Web 开发者的必备插件. Firebug 为你的 Firefo ...
- 9款Firefox插件提高设计开发效率
绝大多数站长在平时的网页设计与优化过程中,都喜欢直接编写或修改代码,比如在Dreamweaver里逐个去写HTML标签或样式.但无论你对代码有多么熟悉,我还是会推荐你使用工具来简化工作,提高效率.这些 ...
- 我喜欢的firefox插件及我的个性化firefox
[邮件相关插件] 名称:Email notifier http://mozilla.com.cn/selections/addon/128/ [小窗口播放FLASH] 名称:PopVideo http ...
- firefox插件 Tab Utilities 个性化设置备份
firefox插件 [强烈推荐][强烈推荐] 点击进入安装 Tab Utilities: 在新标签页打开书签.历史.地址.搜索,以及更多增强标签式浏览的实用功能.个性化配置备份如下:
- 手机开发与测试的Firefox插件:User Agent Switcher
手机开发与测试的Firefox插件:User Agent Switcher 2011-11-04 14:54:53| 分类: 手机相关 | 标签: |字号大中小 订阅 对于手机网站开发和测试的用户 ...
最新文章
- 计算机在线作业题,中医大计算机在线作业及答案-20210412090026.docx-原创力文档
- Hybris Commerce Cloud backoffice的一些使用截图 - home工作中心
- jzoj4788-[NOIP2016提高A组模拟9.17]序列【差分,贪心】
- 今天和朋友去参观一家做电商创业公司
- java 记录考勤记录_Java中的记录器– Java记录示例
- ps画笔工具、填充选区文字工具、合成
- uva10105 - Polynomial Coefficients(多项式系数)
- “阿里云OS”是如何失控的
- PaddleOCR 文字检测部分源码学习(8)-损失函数(4)
- cuteftp 连接linux
- 交通运输部办公厅关于公布无车承运人试点考核合格企业名单的通知
- 从蒙牛到小度,跨年晚会中的国民品牌变迁
- 支付宝小程序状态栏显示图片
- 软件交付方式有哪些_如何交付有意义的软件
- 智能机器人运动控制仿真系统
- HLS直播预取视频并更新m3u8
- 分数加减法 java,Java——分数加减法
- 彻底搞定欢乐锁与悲观锁
- 请教:运放噪声 5nV/根号Hz 什么意思啊?(电压噪声,电流噪声)
- 共享单车的分配与调度
热门文章
- 公司开发的APP,如何生成一个二维码,供客户下载使用
- 基于随机森林(RF)算法的数据分类预测 matlab代码
- 上海大学生网络安全大赛 web write up
- 手机内存文件夹html,手机内存不够用?这6个文件夹要定时清理,至少能省下2个G...
- angular4使用原生JS属性报错error TS2339: Property 'checked' does not exist on type 'HTMLElement'.
- 路由器刷OPENWRT固件的方法
- linux安装ps软件教程,如何在Linux上安装Adobe Photoshop | MOS86
- 倒计时21天,房贷利率新政要来了,有银行已率先公布报价
- vue-Observe、Dep、Watcher
- 软碟通UltraISO Premium Edition_v9.7.5.3716,轻松编辑光盘镜像文件,将文件/文件夹制作成ISO文件