我们写代码的多多少少有一些出错的几率，掌握Debug还是很重要的，记得第一次入行写企业系统时，对此一无所知，后来还是去网路上以及问前辈，我印象中还是在博客园里看到有人用firebug，才知道原来有firefox这样的浏览器，那是在2010年的夏天。
2016-05-0418:42:36 发表评论 154℃热度 Firebug 这里是内容 它是WEB调试工具之一，是网页浏览器 Firefox 下的一款开发类插件。它集HTML查看和编辑、JS控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。掌握Firebug的使用，可从各个不同的角度剖析Web页面内部的细节，给Web开发带来极大的便利。 由于最近在观看各大博客，企业等的的网站，学习他们代码里面的精髓，顺便看看源代码，有时候自己也要调试网页，火狐的Firebu
2、在任意页面点击刚才添加的收藏，然后等一会，就会在页面右下角看到一个firebug的小按钮，然后点击它即可。
Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本); 功能主要用于调试网页中的错误,修改代码及实时查看效果;
Console在我们开发中应该使用很频繁并且都会用的一个工具，确实好用。但是你真的会用吗？可能有些用法你到现在都还不知道，那么今天我来给各位分享一下Console的比较具体的玩法，助你开发调试更容易。
Weinre（Web Inspector Remote），是一种远程调试工具。功能与Firebug及chrome调试器类似，可以帮助我们即时更改页面元素、样式，调试JS等。
工欲善其事，必先利其器。如今 Web 开发标准越来越高，Web 开发者也在不断寻找途径提升自己的技能。为使大家的开发工作更顺利进行，本文整理了 10+ 款比较优秀的 Web 开发工具，希望对你有帮助。
做前端开发的朋友应该对FireFox再熟悉不过了，FireFox有一个附加组件FireBug。在HTML中可以直接写 <script type="text/javascript"> console.log("test");</script> 这样在底部的控制台就能直接看到输出的值，他的作用就好像Visual Studio中的Console.WriteLine() 一样。 我们在Silverlight中就可以直接调用这个js方法实现调试。 var console = (HtmlPage.Window
如果你js没到一个境界，我就算教你调试bug，激活成功教程一些插件之类的，你也根本不知道我在做什么。我的目的只是让你认识控制台，让你入门调试，之后的路还得靠你们自己走。
上面说 weinre 是一个远程 web 调试器。说到了它的发音，还挺幽默，哈哈。
上面学习总结（一）、（二）的博客也都是关于学习方法的。那些是在CS阶段总结的学习方法，当然对于BS阶段也同样适用。每个阶段有每个阶段的特点，只要我们细心观察总能找到更多的相同点和不同点。相同点很多，不同点很少，下面的有些方法对于CS的学习同样适用，当然也有BS独特的地方。
具体效果可以参考本站,当然这个只能防小学生了。 (因为开启后连自己都无法调试了，所以关了) (但将这个运用在单页上还是挺好的)
首先需要知道什么是“Firefox插件”。这里说的“插件”只是一个通俗的说法，其实Firefox这种扩展功能的“插件”包括：扩展extension和插件plugin。 {tip:title=Handy Hint} Firefox官方网站的解释是:Extensions are small add-ons that add new functionality to your Mozilla program. Plugins are programs that allow websites to provide
越来越多的前端开发人员喜欢在Chrome里开发调试代码，Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的，登录后你所有的插件都会自动同步到每一个登录后的Chrome的，非常方便啊。
PHP代码调试与日志 （原创内容，转载请注明来源，谢谢） 一、代码调试 由于PHP很少有类似java、.NET的断点调试工具，因此通常都是要采用输出中间结果的方式进行调试，主要如下： 1、var_dump 对于可以直接打印的（如在controller层、view层），则使用此方法进行打印。对于controller，如果是调用的ajax，要用此方法打印还要配合firebug等浏览器调试工具。 2、error_log 当无法直接在浏览器输出调试结果时（大部分情况，如service、dao等），则采用此方式
由于之前使用Win，没使用过shell的。目前只是了解。以后再补充。找到几个不错的教程
Firefox调试JS的功能真的很不错，推荐一下！ 在页面上点击右键，再点击“查看元素”，如图：
说明： 这是本系列的第一篇文章，我会尽快发后续的文章。 源起 1.加快葬送IE6浏览器的进程 世界上使用IE6浏览器最多的地方在中国 中国使用IE6浏览器最多的地方在企业中 让他们自己去装个chorme太难了 索性开发个浏览器（其实是浏览器的外壳）给他们 用"代码改变世界"是博客园园友的口号 2.一劳永逸的解决浏览器兼容问题 各种浏览器的CSS hack问题再也不用担心了 甚至公司里前端的职位也可以减少几个了 3.更方便的使用更强大的HT
毫无疑问，比起其他浏览器，谷歌浏览器虽有着明显的优势，但是它的劲敌火狐却是很多前端攻城师和研发人员的挚爱，为了尽可能地提高用户体验，火狐浏览器的社区在插件开发和运用上有着丰富的经验，说它是网站开发者的
打断点只要在侧边栏的行号那里鼠标单击某个行号就可以打上了..单次打上,再次取消
据说，对于网页开发人员来说，Firebug是Firefox浏览器中最好的插件之一。
国产的所有 “双核浏览器”，都是基于 Chromium 开发的，当然 Chrome 也是基于它。
文章目录 四、测试工具 1. 单元测试 单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。常见的单元测试工具有： * QUnit * NodeUnit 1.1 前端单元测试QUnit 首页：http://qunitjs.com 源码：https://github.com/jquery/qunit QUnit是jQuery团队开发的JavaScript单元测试工具，功能强大且使用简单。目前所有的JQuery代码都使用QUnit进行测试，原生的JavaScript也可以
WEB开发工具的使用已经非常普及，如果想要更方便于开发的话，不妨看看本文介绍的15款基于浏览器扩展的WEB开发工具。 1.Firebug Firebug是一款基于Firefox的浏览器扩展组件，它集成了网页CSS ，文档对象模型( DOM )和JavaScript调试技术于一身。并且Firebug特别对JavaScript调试部分做了重点规划，如果你侧重于JavaScript调试，那么它是你不错的选择。 比如你可以方便的使用alert()进行断点调试，从而准确定位语法错误位置。另外可以帮
在网站制作和开发的过程中，其实有很多的辅助咱们开发的工具，使用这些工具会让咱们的开发更为方便，提高工作效率，从事开发第六个年头了，接下来为大家分享一些常用工具，专家建议：收藏一波！
Firebug2.0新功能还蛮多的，这里我只介绍吸引我的新功能。所有的新功能见 Firebug博客。
除了一些很老版本的浏览器，现今大多数浏览器都自带调试功能；即使没有调试功能，也可以通过安装插件来进行补充。比如，老版本的Firefox没有自带调试工具，在这种情况下可以通过安装Firebug插件来添加调试功能。在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台。通过调用该console对象的log()函数，可以在控制台中打印信息。比如，以下代码将在控制台中打印”Sample log”：
第一点，“如何真正的实现锁屏”，浏览器有个特性，就是可以多开窗口（或tab标签页），这就意味着单纯的靠js和css进行html对象的操作，实现隐藏是不够的，因为如果用户依旧处于登入状态，其他人只需重新开个页面，或者刷新一下，就又变回未锁屏状态了。所以，第一点的解决办法就是，前端通过js和css进行html对象操作的同时，后端需要将当前用户登出，这样用户就处于登出状态了，并且通过锁屏界面解锁登录后，是可以继续之前的操作的。
单纯的技术层面也就是上述的那些个东西。如果某个同学都学会了上面的那些东西，是不是就能完全的胜任前端开发工作呢？
WEB性能測试工具主要分为三种。一种是測试页面资源载入速度的，一种是測试页面载入完成后页面呈现、JS操作速度的，另一种是整体上对页面进行评价分析，以下分别对这些工具进行介绍，假设谁有更好的工具也请一起分享下。
前端领域的发展非常迅猛，大前端的时代到来了，据说每隔12-24个月，前端的难度将增加一倍，从下面的技术栈就可以看出前端领域的丰富度和复杂度 核心概念 HTML |-- DOM |-- Element |-- Attribute JavaScript |-- 原型 Prototype |-- 作用域 Scope |-- 闭包 Closure |-- JSON |-- AJAX CSS |-- 选择器 Selector |-- 优先级 |-- 特性 Specificity |-- 盒子模型 渲染引擎 |-- T
2016-05-0417:47:47 发表评论 580℃热度 最近在做一个公司网站（学习为主），发现大部分企业网站都是静态网页，用php的少之又少，大部分都是html的。于是便打开浏览器的调试器，Fi
目录 ---- 首先我们先来看一下文章的分区，以方便我们进行检索。 PS: 内容超长，请注意！ 前言 目录 入门类 HTML 5 部分 CSS 3 部分 JQuery Angular JS React Vue Node JS JS Template 移动端 移动端 API 综合 API 其他 API 综合类 工具类 综合效果搜索平台 团队 BLOG 开发中心 ECMAScript D3 RequrieJS SeaJS Less & Sass Markdown 兼容性 UI相关 图表类 正
Firebug对于Web开发人员来说，已经成为了不可或缺的工具，但是在我日常的工作中，常常感觉还没有能够深刻的挖掘出她的潜力，今天花了点时间仔细研究了Console和命令行的使用在提高工作效率方面的作用，
对于web前端工程师来说，用Firefox+Firebug进行CSS和JavaScript的调试已经是非常熟悉和习惯了。如今，新版本的Firefox中又内嵌了一个元素查看工具（图1），类似Firebug，但是初步体验下来，功能远不如Firebug（图2），使用起来也远不如Firebug方便。但是右键菜单中的两个“查看元素”选项（图3），常常一不小心就按错了。这个新增的内置元素查看工具，不但没有给我带来便利，反而造成了许多不便。幸好，我们可以轻松地禁用它。 禁用新版Firefox自带的元素查看器的方法很简单
看到好看的网页或者样式时候，大家都会利用我们浏览器的F12，也就是开发人员调试利器这一功能，那么各位老表为了防止自己心爱的代码被偷，也是煞费苦心，给网站设置各种键码限制，网站上也就遗留了很多彩蛋，这也也是一个独特的风景，下面一同欣赏几款我见到过有趣的彩蛋吧。
项目中常常用到搜索，特别是导航类的网站。自己做关键字搜索不太现实，直接调用百度的是最好的选择。 使用jquery.ajax的jsonp方法可以异域调用到百度的js并拿到返回值，当然$.getScript也可以实现跨域调用js。
在这篇文章中，我们向您展示了一个将工具和服务分类为bucket的框架，它可能会在前端开发过程中对您有所帮助。在每个类别中，我们都会讨论一个受欢迎的选择，同时也会给您一个可供选择的选择，以防您不同意我们最初的选择。让我们毫不迟疑地进入面向前端开发者的工具和服务的世界。
本文参考自http://blog.csdn.net/ohmygirl/article/details/17846199,纯属读书笔记,加深记忆 1、抓包工具有很多,为什么要使用Fiddler呢?原因如
导读：有了开源编程工具，在基于开源许可证的情况下您可以轻松学习、修改、提高代码的质量，本文收集了11款最主流的且有价值的开源编程工具。或许会给您带来一丝惊喜。一起来看下吧。 NO.1 Rhomobil
一.为什么是Fiddler? 抓包工具有很多，小到最常用的web调试工具firebug，达到通用的强大的抓包工具wireshark.为什么使用fiddler?原因如下： a.Firebug虽然可以抓包
传统的开发我们是在编辑器操作代码保存,再到浏览器预览查看效果的; 而如今的firebug和chrome的内置调试器就不需要了..可以直接实时编辑且看到效果; 在调试中对代码的操作不会保存到本地实际代码中..是不是很赞!!;
本文主要面对前端初级新手，是我从事前端项目外包这一年多时间里积累的经验，提供一系列的工具和资料来帮助新手更高效的从事前端开发。但是由于本人水平有限，所以只能写一些初级的方法和工具。没有添加诸如 grunt 这类的更高级的工具，因为我对这块目前还没有很多实战经验。
最近想弄一个hadoop的管理界面，所以在网上下了一个名为jeecg的快速开发平台，由于工作之后没有用过java做网站，遇到了好多小问题，其中一个就是现在要说的javascript脚本调试的问题。说来也奇怪，其实我也分辨不出来这到底是因为是springMVC,还是easy ui 给屏蔽掉的，找自己在自己的页面上的那段javascript脚本异常费劲， 可能这个真是是因为springMVC的缘故吧，因为右键出来的页面地址就是带有xxx.do这样的，而不是真是的jsp页面，所以看不到源码。这可怎么办呀，愁死
Commandlinie是Firebug中总有用的一个特性。如果你有Microsoft Visual Studio的使用经验，你就会知道“Immediate Window”
作者：龙付成--腾讯高级前端工程师 @IMWeb前端社区 目录 JavaScript早期主要作为脚本语言运行在浏览器，而现在JavaScript的使用范围已经超越浏览器，向通用系统语言发展。特别是HTML5的出现，浏览器的平台化，Node.js开源项目的发展，NoSQL技术的发展，JavaScript逐渐成为跨移动平台应用程序及跨平台桌面应用程序的开发语言。 JavaScript标准有两类，一种是作为浏览器上通用行业标准的ECMAScript标准，另一种是作为浏览器外的桌面、服务器的标准CommonJS标
我的FF一直只装了firebug和一个鼠标手势插件，一是懒得去APP中心淘，二是觉得firebug用着还凑合。
和富文本一致，日期控件也是我们经常可常见的控件之一，而且大多数的日期控件都是readonly属性，需要人为的手动去选择对应的时间，很显然，在手工测试中，这是一个很简单，很容易做到的操作，在自动化中，对日期的控件，比手工测试的操作虽然一直，但是比较繁琐。对日期的控件，我们任然使用js来控制，然后通过控制js来实现我们的目的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
