经常使用在线前端工具
2017-04-25 12:58
162 查看
收集了一些比較有用的Web在线工具,能够极大的方便我们前端开发。欢迎大家补充。本文放在Github上面了,欢迎Fork
我在开发时系统常常提示JSON语法错误。可是却找不出来。比方数组最后一个元素多了一个逗号,结果用JSONLint一就搞定了。
CODEPEN
RunJS
JS BIN
Online JavaScript Beautifier
能够对JavaScript代码进行格式化,以方便阅读,当阅读别人格式比較乱的代码时尤事实上用。JSONLint
能够对JSON进行格式化。同一时候能够发现JSON中的语法错误。当调试内容较长的JSON时很实用。我在开发时系统常常提示JSON语法错误。可是却找不出来。比方数组最后一个元素多了一个逗号,结果用JSONLint一就搞定了。
PlaceHolder
用来生成占位图片,比方开发时须要一张300x300的图片,可是美工还没有做图。所以我们能够用一张占位图进行开发调试,等图片做好替换就可以。使用方法将图片尺寸跟在URL后面就可以。如http://placehold.it/300x300就可以生成一300x300的图片。Regex Tester
在线正則表達式測试工具,能够方便的測试我们的正则是否正确,进行在线调试。Viewport Sizes
能够查询全部主流移动设备的CSS像素,CSS像不是物理像素,比方iPhone6的物理像素是1334x750。而它的CSS像素是667x375。CSS像素主要是指移动浏览上的分辨率,所以在调试移动Web时就很须要查各个移动设备的CSS像素。Can I Use
“Can I Use”主要提供了前端相关技术的兼容性查询。包含桌面浏览器和移动浏览器。比方假设输入CSS3 的“border-radius”。它就会列出全部的浏览器对该属性的支持情况,有助于我们推断能否够使用各种CSS和JS的新的特性。阿里測
能够在线測试站点的性能,主要包含前端性能的方方面面。这个比YSlow或Chrome自带的audit更全名具体。当然阿里測也是基于WebPagetest搭建的,大家也能够看看。百度统计流量研究院
这是百度基于百度统计所覆盖的超过150万的网站的数据产生的报告数据,对于前端开发来说比較实用的数据主要包含:浏览器市场份额,分辨率使用情况,移动设备品牌占比,移动设备市场份额。这些数据有助于我们怎样做浏览器兼容性測试,怎样依据不同的分辨率做响应式开发等。比方IE6和IE7在中国的市场份额已经非常低了,能够不用支持了,这是有数据有依据的了。须要说明的百度的数据主要基于国内的数据。JSFiddle
能够在线执行调试前端代码。能够非常方便的导入各种主流的前端框架。甚至能够模拟AJAX请求,导入Github代码等。非常适合在线学/调试代码。也比較适合案例分享。比如把它作为博客的样例进行分享。注冊用户能够保存自己的代码。 类似的工具还有非常多,它们各有优缺点。自己体:CODEPEN
RunJS
JS BIN
jsPerf: JavaScript performance playground
这是一个标准的JS代码性能測试平台,比方假设认为forEach比for循环快的话,能够在上面创建測试代码进行測试。它上面也有好多其他用户创建的基准測试代码。它比我们在自己的电脑上測试要准确得多,由于本地測试外部干扰因素较多。HTML编码/解码
除了HTM编码/解码,还有URL编码/解码,还有字符串大写和小写处理,哈希函数处理,比方你想要将一个字符串进行MD5编码就非常方便。相关文章推荐
- Duang~Duang~Duang 还在使用jsfiddle和jsbin做在线前端代码展示和演示吗? 试试更强大的在线代码分享工具吧!
- 了解黑客经常使用哪些工具
- [转载]了解黑客经常使用哪些工具
- flex滤镜的使用(模糊、阴影等)包括几个flex在线编辑工具
- 推荐几个我日常使用的IT在线测试工具
- Web前端开发实用在线工具
- 了解黑客经常使用哪些工具
- 了解黑客经常使用哪些工具
- JSON在线工具新增加JSON字符串转义模块,希望能方便大家使用
- 实用的前端开发在线工具网址
- 10个前端开发必备的工具或使用方法
- ***们经常使用的工具(***们喜欢什么样的工具)
- XtraBackup - 开源MySQL在线热备份工具安装使用
- 在线分析工具logminer使用初探(摘自itpub)
- 在HTML5 Web SQL中使用ORM工具 - 前端开发 - e800
- 了解黑客经常使用哪些工具
- Google Sync手机在线同步工具使用指南
- 开发经常使用工具整理
- 在线使用的时间管理工具
- 在线的图片、js、css压缩优化工具介绍(配合小强视频 前端性能分析精要)