常用的前端调试工具

1.Chrome的开发工具

2.firefox 插件Firebug

3.IE的开发者工具

4.IETest,IE浏览器版本切换工具

5.Emmet   http://www.emmet.io

6.JSON格式校验工具

7. JS压缩和解压缩工具

http://tool.oschina.net/jscompress   和 http://tool.css-js.com

时间: 2024-10-10 13:33:42

常用的前端调试工具的相关文章

工欲善其事 之 Web 前端调试工具格式化混淆过的 JS 代码

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. FireBug: inline code 不能格式化 外部 js 可以格式化 Chrome: 点完这对大括号,会新生成一个文件,是格式化过的. 工

常用的前端开发插件与工具合集

常用的前端开发插件与工具合集 Font Awesome字体图标插件 Font Awesome的矢量图标,将使您的网站在视网膜级的高分屏上大放异彩. 完美兼容其它框架 尽管是为Bootstrap设计,但Font Awesome同样能与其它框架完美协同运作. Font Awesome https://fontawesome.com/ SweetAlert系列(数据Ajax)插件 SweetAlert 是 JavaScript 原生 'alert' 弹窗的完美替代品... SweetAlert 让弹窗

Vim常用插件——前端开发工具系列

作为一名开发者,应该对编辑器之神Vim与神之编辑器Emacs有所耳闻吧.编辑器之战的具体细节有兴趣的童鞋可以google之. Vim最大的特点是打开速度快,功能强大,一旦掌握了其中的命令,编程过程双手就不需要离开键盘了. 用习惯了Vim的另一个好处是在linux下可以很轻松地用vi来处理文件,当然emacs也可以做默认编辑器,但是不是每台机器都有安装Emacs. 今天主要给大家介绍Vim在前端领域的一些常用插件: 1.mark.vim mark.vim主要的功能是变量的高亮. 选中要高亮的词,使

常用网站--前端开发类+网页设计类+平面素材类+flash类

前端开发类 animate CSS 前端开发网 我爱CSS 大家网 W3School jQuery开发技术详解教程视频 jQuery中文社区 jQueryChina 网页设计类 禅意花园 CSS Downunder CSS Impress CSS New websitelaunchpad wpglobe UI Maker 平面素材类 站酷网 昵图网 书法字体 图萝网 素彩网 三联素材 flash类 牛图库 Pian Tou 68 flash flash 片头之家 jQuery JavaScrip

常用组件-前端

前端 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页.随着互联网技术的发展,HTML5,CSS3,前端框架的应用, 跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验. 组件 Component,中文称为组件,或者构件.使用非常比较广泛,它的核心意义在于复用,相对模块,对于依赖性有更高的要求. 其前端常用的组件 表单处理 表单验证(Form Validator) Nice validator Nice validator是一个简单智能的W

常用的前端开发工具

1.调试工具:firebug 2.jslint 检查错误 3.jsMin 压缩工具 4.JSCompress  压缩工具 5.JS Regexp Generator http://www.jslab.dk/tools.regex.php一个制作正则表达式的在线工具 6.JS Beautifierhttp://jsbeautifier.org/在线JS格式化工具 7.YUI Compressor http://developer.yahoo.com/yui/compressor/用java写的一个

常用的前端框架

1.解决弹窗相关问题,iframe弹窗 父子窗口传值的layer超简单的调用方式,轻松实现web交互.比如layer.tips();layer.msg();layer.alert(); http://layer.layui.com 2.处理UI布局的Bootstraphttp://v3.bootcss.com/getting-started/ 3.处理UI布局的Amaze UIhttp://amazeui.org/ 4.处理前端渲染的渐进式框架vue.jshttps://cn.vuejs.org

我常用的前端开发工具—cutterman,mark man,sublime text,yeoman,gulp……

虽然才刚刚开始练习切图,不过之前还是接触到不少工具的,决定一一用上,果然用了一天就切完了一个psd,对于一个菜鸟来说,还是很开心的. 我先从学ui网下载了一个psd.切图肯定是要用的ps的啦,这里和大家推荐一个插件Cutterman,切起来不要太方便.可以到他们的官网下载http://www.cutterman.cn/ 教程可以看这里http://www.cnblogs.com/nifengs/p/5216013.html 除了切图,我们还需要知道设计图上一些元素的位置.大小和颜色.这时候就推荐

BrowserSync前端调试工具使用

上次介绍了一款DebugGap移动端调试工具DebugGap推荐.但是这几天使用了之后感觉还是有些不足,尤其是里面的调试工具虽然和Chrome里面的调试长的很像,但是多少有些不同,使用起来还是不太方便的,看到一位仁兄介绍的BrowserSync,于是看看了,感觉还行吧.它主要是用来同步更新的,比如文件修改了,浏览器会自动刷新,以及还有一点好处就是,PC,移动端都是同步的,可惜的是没有调试工具,在Chrome调试工具里面调试的不会同步更新到手机端,要是这个可以就好了. 虽然没个调试工具,但我们可以