Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本); 功能主要用于调试网页中的错误,修改代码及实时查看效果;
Commandlinie是Firebug中总有用的一个特性。如果你有Microsoft Visual Studio的使用经验，你就会知道“Immediate Window”
Firebug2.0新功能还蛮多的，这里我只介绍吸引我的新功能。所有的新功能见 Firebug博客。
由于之前使用Win，没使用过shell的。目前只是了解。以后再补充。找到几个不错的教程
WEB性能測试工具主要分为三种。一种是測试页面资源载入速度的，一种是測试页面载入完成后页面呈现、JS操作速度的，另一种是整体上对页面进行评价分析，以下分别对这些工具进行介绍，假设谁有更好的工具也请一起分享下。
越来越多的前端开发人员喜欢在Chrome里开发调试代码，Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的，登录后你所有的插件都会自动同步到每一个登录后的Chrome的，非常方便啊。
首先需要知道什么是“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
Weinre（Web Inspector Remote），是一种远程调试工具。功能与Firebug及chrome调试器类似，可以帮助我们即时更改页面元素、样式，调试JS等。
我们写代码的多多少少有一些出错的几率，掌握Debug还是很重要的，记得第一次入行写企业系统时，对此一无所知，后来还是去网路上以及问前辈，我印象中还是在博客园里看到有人用firebug，才知道原来有firefox这样的浏览器，那是在2010年的夏天。
2、在任意页面点击刚才添加的收藏，然后等一会，就会在页面右下角看到一个firebug的小按钮，然后点击它即可。
Console在我们开发中应该使用很频繁并且都会用的一个工具，确实好用。但是你真的会用吗？可能有些用法你到现在都还不知道，那么今天我来给各位分享一下Console的比较具体的玩法，助你开发调试更容易。
2016-05-0418:42:36 发表评论 154℃热度 Firebug 这里是内容 它是WEB调试工具之一，是网页浏览器 Firefox 下的一款开发类插件。它集HTML查看和编辑、JS控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。掌握Firebug的使用，可从各个不同的角度剖析Web页面内部的细节，给Web开发带来极大的便利。 由于最近在观看各大博客，企业等的的网站，学习他们代码里面的精髓，顺便看看源代码，有时候自己也要调试网页，火狐的Firebu
备注：当此操作可以执行，弹出信息框，说明我们可以通过这种方式获取网页的cookie值了，只要将payload中的xss换成document.cookie就可以了：<script>alert(document.cookie)</script>
这篇作为firebug系列的结束贴; 四篇博文应该让一些小伙伴对firebug有了基本的认识和操作
在前文“firefox查看微信公众平台的数据分析时就出现不信任链接怎么办?”我们使用了导入证书的方法添加信任链接，有网友反映说证书导入不成功，这里用另外一种方法来实现：用firebug给firef
首先：感谢李炎恢老师的无私奉献 其次：下面的学习总结都是根据李炎恢老师的视频以及参考网络资料编写，转载请注明出处：http://www.0377joyous.com(快乐的程序员) 然后：博客目的就是收藏以及整理自己所学总结，一直想加强一下JavaScript方面的知识，所以~~ 1.安装谷歌，火狐，IEtest浏览器 2.安装火狐firebug插件（方法：菜单中的“工具”—“附加组件”—在右上角搜索栏输入“firebug”然后安装即可，安装之后重启浏览器） 3.编辑代码使用notepad或者dream
据说，对于网页开发人员来说，Firebug是Firefox浏览器中最好的插件之一。
有个神奇的东西叫做审查元素，按下神奇的F12，就是见证奇迹的时刻。审查元素真的是一个强大功能，有的时候看中别人网站的某个样式做的比较好，按下F12审查元素来查看别人的代码，统统扒过来。那么如果防止别人查看自己网站的代码，扒代码呢，当然，也只是防新手而已~心理安慰~
从图中我们发现错误信息是被放在了一个label标签中，且有一个类样式error，只要为signupform下面的 label标签中的error定css样式，应该就可以修改显示结果了,添加的css代码如下：
工欲善其事，必先利其器。如今 Web 开发标准越来越高，Web 开发者也在不断寻找途径提升自己的技能。为使大家的开发工作更顺利进行，本文整理了 10+ 款比较优秀的 Web 开发工具，希望对你有帮助。
假期难得有时间空闲下来，就和协会的小伙伴组织了一次比较简单的ctf比赛针对学校的学弟学妹们，这里就贴上每一次的writeup，以供整理复习用。
上面学习总结（一）、（二）的博客也都是关于学习方法的。那些是在CS阶段总结的学习方法，当然对于BS阶段也同样适用。每个阶段有每个阶段的特点，只要我们细心观察总能找到更多的相同点和不同点。相同点很多，不同点很少，下面的有些方法对于CS的学习同样适用，当然也有BS独特的地方。
第一点，“如何真正的实现锁屏”，浏览器有个特性，就是可以多开窗口（或tab标签页），这就意味着单纯的靠js和css进行html对象的操作，实现隐藏是不够的，因为如果用户依旧处于登入状态，其他人只需重新开个页面，或者刷新一下，就又变回未锁屏状态了。所以，第一点的解决办法就是，前端通过js和css进行html对象操作的同时，后端需要将当前用户登出，这样用户就处于登出状态了，并且通过锁屏界面解锁登录后，是可以继续之前的操作的。
前言 日历控件是web网站上经常会遇到的一个场景，有些输入框是可以直接输入日期的，有些不能，以我们经常抢票的12306网站为例，详细讲解如何解决日历控件为readonly属性的问题。 基本思路：先用js去掉readonly属性，然后直接输入日期文本内容 一、日历控件 1.打开12306的车票查询界面，在出发日期输入框无法直接输入时间 2.常规思路是点开日历控件弹出框，从日历控件上点日期，这样操作比较烦躁，并且我们测试的重点不在日历控件上，只是想输入个时间，做下一步的操作
说明： 这是本系列的第一篇文章，我会尽快发后续的文章。 源起 1.加快葬送IE6浏览器的进程 世界上使用IE6浏览器最多的地方在中国 中国使用IE6浏览器最多的地方在企业中 让他们自己去装个chorme太难了 索性开发个浏览器（其实是浏览器的外壳）给他们 用"代码改变世界"是博客园园友的口号 2.一劳永逸的解决浏览器兼容问题 各种浏览器的CSS hack问题再也不用担心了 甚至公司里前端的职位也可以减少几个了 3.更方便的使用更强大的HT
刚接触博客园时，总有一种要定制打造自己博客页面的冲动，后来感觉原有的模板足够了（博客园提供了大量的模板），没有做这项工作。今天不太忙，稍微研究了下博客园的页面定制功能，记录如下。
开发网站的过程中有时我们不想让客户看到页面的源代码，甚至页面上的文字内容都不想被复制，下面我们来看一下怎么保护页面内容 禁止查看页面源代码和禁止复制页面中的文字
2016年WEB前端学习误区详解之WEB前端学习路线。首先分享一下我的经验，想做好一件事，必须要花费一些功夫，然后是多学、多思、多练、多交流、多总结，发现自己的问题，然后一定要克服，在状态不好的情况下，往往要及时调整。新手学习前端的话，一定要想想为什么要学习它，是出于一种什么心态，然后定位好自己，多向大牛请教，多教一些没有自己水平高的人，那样往往能让自己成长的快，切勿急躁。初学可以看一些入门视频教程，之后可以买一些书，做一些小项目，要学会投资，分析自己的现状及能力，实时调整，一定要有自己的想法，懂得创新。在
做前端开发的朋友应该对FireFox再熟悉不过了，FireFox有一个附加组件FireBug。在HTML中可以直接写 <script type="text/javascript"> console.log("test");</script> 这样在底部的控制台就能直接看到输出的值，他的作用就好像Visual Studio中的Console.WriteLine() 一样。 我们在Silverlight中就可以直接调用这个js方法实现调试。 var console = (HtmlPage.Window
导读：有了开源编程工具，在基于开源许可证的情况下您可以轻松学习、修改、提高代码的质量，本文收集了11款最主流的且有价值的开源编程工具。或许会给您带来一丝惊喜。一起来看下吧。 NO.1 Rhomobil
主要分享测试的学习资源，帮助快速了解测试行业，帮助想转行、进阶、小白成长为高级测试工程师。
本文参考自http://blog.csdn.net/ohmygirl/article/details/17846199,纯属读书笔记,加深记忆 1、抓包工具有很多,为什么要使用Fiddler呢?原因如
本篇文章给大家带来的内容是关于webstorm激活码及常用个性化设置的详细介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
3）html当中如何引用js文件 如果需要javascript工程师和html美工各干各的工作，需要分开写文件。 例 1.2 <html> <head> <script src="Hello.js"></script> <title></title> </head> <body> </body> </html> Hello.js（如果你用notepad建立一个txt之后你再改为js，一定在存时，要存成utf-8或unicode格式）: var a ; /*before you set value, a' type can not be defined.*/ document.writeln(typeof(a) + "他们"); a = true; document.writeln(typeof(a) + ""); /*下面的console.log只有安装了firebug的firebox不报错*/ console.log("This is the 1 message 马克-to-win write in %s", a); document.writeln(a);
对YUI一直很有好感，最近开始看了看YUI CSS GRID，发现这个理念非常好，非常有利于我们工作效率的提高，特别是熟悉了这套CSS之后，我们就不必每一个项目自己都去写一些CSS。其实，我想有心的朋友或多或少的都会收集一些自己常用的CSS，在不同的项目间使用，但是能够做到像YUI CSS这样有逻辑性、模块清楚的，恐怕还比较少见。
WEB开发工具的使用已经非常普及，如果想要更方便于开发的话，不妨看看本文介绍的15款基于浏览器扩展的WEB开发工具。 1.Firebug Firebug是一款基于Firefox的浏览器扩展组件，它集成了网页CSS ，文档对象模型( DOM )和JavaScript调试技术于一身。并且Firebug特别对JavaScript调试部分做了重点规划，如果你侧重于JavaScript调试，那么它是你不错的选择。 比如你可以方便的使用alert()进行断点调试，从而准确定位语法错误位置。另外可以帮
我的FF一直只装了firebug和一个鼠标手势插件，一是懒得去APP中心淘，二是觉得firebug用着还凑合。
国产的所有 “双核浏览器”，都是基于 Chromium 开发的，当然 Chrome 也是基于它。
毫无疑问，比起其他浏览器，谷歌浏览器虽有着明显的优势，但是它的劲敌火狐却是很多前端攻城师和研发人员的挚爱，为了尽可能地提高用户体验，火狐浏览器的社区在插件开发和运用上有着丰富的经验，说它是网站开发者的
1、用IE访问某些网站的时候，输入javascript:alert(document.cookie)会有什么反应，解释原因。
具体效果可以参考本站,当然这个只能防小学生了。 (因为开启后连自己都无法调试了，所以关了) (但将这个运用在单页上还是挺好的)
事实是这样的：如果你不了解这些研究对象是不可能搞好安全研究的。 这样看来，Web有八层（如果把浏览器也算进去，就九层啦，九阳神功……）！！！每层都有几十种主流组件！！！这该怎么办？ 别急，一法通则万法通，这是横向的层，纵向就是数据流啦！搞定好数据流：从横向的层，从上到下→从下到上，认真看看这些数据在每个层是怎么个处理的。 数据流中，有个关键的是HTTP协议，从上到下→从下到上的头尾两端（即请求响应），搞通！难吗？《HTTP权威指南》720页！！！坑爹，好难！！！ 怎么办？ 横向那么复杂、纵向数据流的HTTP协议就720页的书！！！放弃好了…… 不，千万别这样。 给你点信心是：《HTTP权威指南》这本书我压根没看过。但是通过百度/Google一些入门的HTTP协议，我做了大概了解，然后Chrome浏览器F12实际看看“Network”标签里的HTTP请求响应，不出几小时，就大概知道HTTP协议这玩意了。（这是快速研究的精髓啊） 搞明白HTTP协议后，你就会明白安全术语的“输入输出”。 黑客通过输入提交“特殊数据”，特殊数据在数据流的每个层处理，如果某个层没处理好，在输出的时候，就会出现相应层的安全问题。 精彩举例：
如果你js没到一个境界，我就算教你调试bug，激活成功教程一些插件之类的，你也根本不知道我在做什么。我的目的只是让你认识控制台，让你入门调试，之后的路还得靠你们自己走。
上面说 weinre 是一个远程 web 调试器。说到了它的发音，还挺幽默，哈哈。
一.为什么是Fiddler? 抓包工具有很多，小到最常用的web调试工具firebug，达到通用的强大的抓包工具wireshark.为什么使用fiddler?原因如下： a.Firebug虽然可以抓包
传统的开发我们是在编辑器操作代码保存,再到浏览器预览查看效果的; 而如今的firebug和chrome的内置调试器就不需要了..可以直接实时编辑且看到效果; 在调试中对代码的操作不会保存到本地实际代码中..是不是很赞!!;
在这篇文章中，我们向您展示了一个将工具和服务分类为bucket的框架，它可能会在前端开发过程中对您有所帮助。在每个类别中，我们都会讨论一个受欢迎的选择，同时也会给您一个可供选择的选择，以防您不同意我们最初的选择。让我们毫不迟疑地进入面向前端开发者的工具和服务的世界。
随着深入使用ASP.NET Web Api，我们可能会在项目中考虑将前端的业务分得更细。比如前端项目使用Angularjs的框架来做UI，而数据则由另一个Web Api 的网站项目来支撑。注意，这里是两个Web网站项目了，前端项目主要负责界面的呈现和一些前端的相应业务逻辑处理，而Web Api则负责提供数据。 这样问题就来了，如果前端通过ajax访问Web Api项目话，就涉及到跨域了。我们知道，如果直接访问，正常情况下Web Api是不允许这样做的，这涉及到安全问题。所以，今天我们这篇文章的主题就是讨论演
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
