WEB性能測试工具主要分为三种。一种是測试页面资源载入速度的，一种是測试页面载入完成后页面呈现、JS操作速度的，另一种是整体上对页面进行评价分析，以下分别对这些工具进行介绍，假设谁有更好的工具也请一起分享下。
越来越多的前端开发人员喜欢在Chrome里开发调试代码，Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的，登录后你所有的插件都会自动同步到每一个登录后的Chrome的，非常方便啊。
Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本); 功能主要用于调试网页中的错误,修改代码及实时查看效果;
Commandlinie是Firebug中总有用的一个特性。如果你有Microsoft Visual Studio的使用经验，你就会知道“Immediate Window”
Firebug2.0新功能还蛮多的，这里我只介绍吸引我的新功能。所有的新功能见 Firebug博客。
单纯的技术层面也就是上述的那些个东西。如果某个同学都学会了上面的那些东西，是不是就能完全的胜任前端开发工作呢？
本文主要面对前端初级新手，是我从事前端项目外包这一年多时间里积累的经验，提供一系列的工具和资料来帮助新手更高效的从事前端开发。但是由于本人水平有限，所以只能写一些初级的方法和工具。没有添加诸如 grunt 这类的更高级的工具，因为我对这块目前还没有很多实战经验。
目录 ---- 首先我们先来看一下文章的分区，以方便我们进行检索。 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相关 图表类 正
由于之前使用Win，没使用过shell的。目前只是了解。以后再补充。找到几个不错的教程
Weinre（Web Inspector Remote），是一种远程调试工具。功能与Firebug及chrome调试器类似，可以帮助我们即时更改页面元素、样式，调试JS等。
首先需要知道什么是“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
前端领域的发展非常迅猛，大前端的时代到来了，据说每隔12-24个月，前端的难度将增加一倍，从下面的技术栈就可以看出前端领域的丰富度和复杂度 核心概念 HTML |-- DOM |-- Element |-- Attribute JavaScript |-- 原型 Prototype |-- 作用域 Scope |-- 闭包 Closure |-- JSON |-- AJAX CSS |-- 选择器 Selector |-- 优先级 |-- 特性 Specificity |-- 盒子模型 渲染引擎 |-- T
我们写代码的多多少少有一些出错的几率，掌握Debug还是很重要的，记得第一次入行写企业系统时，对此一无所知，后来还是去网路上以及问前辈，我印象中还是在博客园里看到有人用firebug，才知道原来有firefox这样的浏览器，那是在2010年的夏天。
项目中常常用到搜索，特别是导航类的网站。自己做关键字搜索不太现实，直接调用百度的是最好的选择。 使用jquery.ajax的jsonp方法可以异域调用到百度的js并拿到返回值，当然$.getScript也可以实现跨域调用js。
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
按照项目流程，一般是UI设计师设计好产品界面，前端工程师通过编码实现界面。通俗来说，UI设计师好比服装设计师，而开发工程师好比裁缝。
开发网站的过程中有时我们不想让客户看到页面的源代码，甚至页面上的文字内容都不想被复制，下面我们来看一下怎么保护页面内容 禁止查看页面源代码和禁止复制页面中的文字
刚接触博客园时，总有一种要定制打造自己博客页面的冲动，后来感觉原有的模板足够了（博客园提供了大量的模板），没有做这项工作。今天不太忙，稍微研究了下博客园的页面定制功能，记录如下。
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
主要分享测试的学习资源，帮助快速了解测试行业，帮助想转行、进阶、小白成长为高级测试工程师。
Google AJAX APIs Playground 是 Google 推出的一个在线调试 Google APIs 的工具，AJAX APIs Playground 包括大部分 Google 流行的 API，如地图，搜索，Feed，日历，可视化，翻译等等，并且还包含了很多例子程序让你很快就能上手 Google API，这个工具能够让你保存你修改过的代码，并且还可以导出你自己的代码，是你使用 Google API 不可多得的好工具。 最近 Google 把 Google AJAX APIs Playground 升级到2.0，新版本除了 UI 改进之外，还添加了以下新功能：
Adblock Plus 去广告，包括youku的开头广告 All-in-One Sidebar 最大的好处就是省去书签栏 NoSquint ：用firefox浏览网页的时候，不论你怎么设置字体， 总有网页的字体很小（很多网站是对一些专用浏览器做的开发或者根本没有考虑用户体验）， 用Ctrl + +吧，每次打开网页需要按一下，麻烦的不行。 恭喜你读到这篇文章，读到这里，使用NoSquint, 凡是按过Ctrl ++的网页/网站， firefox都会记住， 不用每次开网页就敲 Ctrl ++了。https://addons.mozilla.org/firefox /addon/2592 DownThemAll! 多线程下载工具，本人不用迅雷 Omnibar 使地址栏可以搜索，所以搜索框可以隐藏了。 Firebug:为你的Firefox集成了浏览网页的同时随手可得的丰富开发工具。 Web DeveloperWeb开发扩展，在浏览器中添加各种Web开发工具。 MeasureIT:网页标尺，画出一个跨越任何网页的统治者检查像素的页面元素的宽度，高度，或对齐。
本文参考自http://blog.csdn.net/ohmygirl/article/details/17846199,纯属读书笔记,加深记忆 1、抓包工具有很多,为什么要使用Fiddler呢?原因如
这是我自己想的方法，不知道大众化的方法是怎样实现的，其实分色就是利用bgcolor这个属性给表格上色
本篇文章给大家带来的内容是关于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()进行断点调试，从而准确定位语法错误位置。另外可以帮
国产的所有 “双核浏览器”，都是基于 Chromium 开发的，当然 Chrome 也是基于它。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
