资讯频道 → Web前端
阅读更多

4顶
0踩

Web前端

原创新闻 面向 Web 开发者的实用在线工具

2013-01-06 13:33 by 资深记者 jjfat 评论(0) 有5034人浏览
jquery html5 web

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

我们过去曾经介绍过一些高效前端开发所必备的工具/脚本，在今天的这篇文章中，我们将继续推荐给大家一组我们精挑细选的web开发设计必备的在线工具应用。相信会在web开发和设计的过程中给你带来方便和快捷！

一、前端开发相关

1.  jsfiddle

jsfiddle是老牌的在线调试和分享代码的网站，它可以帮助你在线调试JavaScript/CSS/HTML代码，并且方便的发布到社区、论坛或者社交媒体上与朋友们分享或者提问。



2.  codepen

codepen也是一个可以帮助你在线调试和分享前端代码的地方，和jsfiddle不太一样的地方是，它更像一个社区，你可以看到最近的用户添加的在线演示或者代码，并且可以更加方便的分享到其它网站或者是fork。和jsfiddle相比，它更像一个帮助展示前端效果的平台。如果你常常光顾的话，能够找到很多很不错的前端效果，包括HTML5、JS、CSS3等。



3.  gbdebug

gbdebug是gb标签社区中整合的前端调试工具，最初是为了方便社区的朋友提问或者展示jQuery代码效果而开发，如果你使用jsfiddle的话，肯定会觉得非常熟悉。最强大的在于和GB社区内容的整合，你可以分享自己开发的前端展示，模板或者教程，并且使用gbdebug来添加“在线调试”，更方便大家在线阅读和调试。



4.  reFiddle+

如果你是个正则表达式的狂热爱好者的话，这款在线工具肯定是你必备的工具之一，reFiddle+可以帮助你在线的调试正则表达式，你只需要输入数据和对应的正则表达式后，就可以看到高亮显示的结果，是不是非常直观和简单。



5.  RubyFiddle

如果你的开发语言是Ruby的话，你可能已经知道了这个在线工具 RubyFiddle，使用这个在线工具可以帮助你在线的调试Ruby代码，有点儿类似jsfiddle和codepen，只不过是Ruby版本的代码而已。你只需要粘贴ruby代码并且点击“RUN”按钮即可，甚至支持Vim或者Emacs的输入方式哦！



6.  CSS3 generator

这个CSS3的代码生成器和一般的CSS3代码生成工具不太一样，它使用了视差滚动的方式来展示内容，并且提供了自定义的选项，可以动态的生成你需要的CSS3代码。超酷超有型！



7.  HTML5 Please

如果你需要了解如何正确的使用HTML5相关技术的话，最好仔细看看这个工具网站吧，相当的实用！



二、前端性能优化工具

1.  DOM Monster

当我们开发web应用的时候，性能是一个永远不能回避的问题。其实对于DOM的性能调试也是一个不可或缺的过程。使用DOM monster你只需要添加到你的浏览器书签中，在任何需要调试的页面点击这个书签，它就能够帮助你列出目前页面出现的性能问题。是不是很方便！



2.  zBugs

zbugs看上去像是一个bug相关工具，其实它是一个快速帮助你压缩CSS/Javascript的在线工具，你只需要提供一个你的网站的链接，下载相关的文件，再上传到你的网站即可！



三、其它类型工具

BuiltWith

buildwith是一个帮助你了解网站使用技术的在线工具，你只需输入你要检测的网站地址，它会给你生成此网站使用的前后台技术和相关链接。

4
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Mac|Linux开发实用工具手册

    手册内容为「如何让一部全新的 MacBook | Linux 快速完成开发环境配置」，主要面向 Web 开发者。 如果你是一名老手，本手册让你减少配置开发环境的烦恼。 如果你是一名新手，那么恭喜你，你将会认识一个全新的世界...

  • 研发、运营必备实用工具网站

    包含 100 多种实用的工具，包含：程序在线运行、在线制作思维导图、在线网络爬虫、语音合成、PDF/PPT/Excel 文档转换加密工具、MarkDown 格式转换等。 网站：Free Online Developer Tools - TOOLFK 11.6、果汁排行榜...

  • 面向Web应用的并发压力测试工具——Locust实用攻略

    关于Locust这个压力测试工具，其官网与文档，请关注如下链接： Locust官方网站地址 Locust官方文档 如果不想阅读英文文档，那么强烈建议先读如下链接中的内容： 分布式压力测试工具Locust在Rainbond上的部署 接下来...

  • 2020年Top 100开发者工具列表汇总

    StackShare是一个开发者工具及服务分享平台，成立于 2013 年，随着开发者们的不断加入，汇集了大量的优质工具。 该网站汇总了以往 30 多万个技术堆栈中的使用情况，分析了 800 万个数据点，跟踪了 320 万以上的..

  • C/C++编程工具及实用小软件推荐

    本文详细介绍C/C++常用开发工具Visual Studio和QT Creater、代码查看编辑工具Visual Studio Code和Source Insight，以及两个实用小工具Notepad++和Everthing。

  • 猿创征文 | 2022 我的开发者工具

    大家好，今天给大家推荐几款我最常用的开发者工具，所谓“工欲善其事,必先利其器”，这里介绍的工具都是轻量化工具或者插件，掘金是面向全球中文开发者的技术内容分享与交流平台。我们通过技术文章、沸点、课程、...

  • Android开发者不容错过的十大实用工具

    接下来，我们将共同查看每位Android开发人员不可错过的十款在线工具。这份清单当中包含与这些测试工具、框架以及其它重要资源相关的概述信息，希望能够帮助大家更好地完成日常工作。闲言少叙，咱们切入正题。 框架: ...

  • 2020年度开发者工具Top 100名单！

    StackShare是一个开发者工具及服务分享平台，成立于 2013 年，随着开发者们的不断加入，汇集了大量的优质工具。 该网站汇总了以往 30 多万个技术堆栈中的使用情况，分析了 800 万个数据点，跟踪了 320 万以上的内容...

  • 开发者需知的10类工具

    摘要：作为一个软件开发者，你不可避免地需要用到各种工具来设计、理解、编辑任何程序，本文中按类型总结了10类开发者须知的工具，并各列举了一些知名应用软件。 作为一个软件开发者，你不可避免地需要用到各种...

  • 2020 年度开发者工具 TOP 100 名单！

    StackShare是一个开发者工具及服务分享平台，成立于 2013 年，随着开发者们的不断加入，汇集了大量的优质工具。 该网站汇总了以往 30 多万个技术堆栈中的使用情况，分析了 800 万个数据点，跟踪了 320 万以上的内容...

  • 10类开发者须知的工具

    作为一个软件开发者，你不可避免地需要用到各种工具来设计、理解、编辑任何程序，本文作者按类型总结了10类开发者须知的工具。 　免责声明：“最好”的软件工具通常属于主观看法，也许你并不同意我的观点，但是也...

  • 开发者突击：Java Web主流框架整合开发.part12.rar

    主要内容包括：以MySQL为数据库、Tomcat为Web服务器、Eclipse为开发工具、CVS为版本控制工具的开发环境的构建过程；基于JSP、JavaBean、Servlet技术实现3种J2EE的基础架构；分3篇重点讲解Struts、Hibernate、Spring...

  • 七款移动开发者必须知道的优秀工具及中文详解

    以Alpha Anywhere、AnyPresence以及Salesforce 1为代表的低编码要求移动开发工具阵营焕发出蓬勃的生机。 在过去六个月当中，我一直在关注并测试多种不同类型的移动应用程序构建工具及移动后端。在某些情况下，这些...

  • 以太坊开发者工具的最新清单

    对于任何开发者，无论你是一个睁大眼睛的Web3新手还是一个头发灰白的OG加密无政府主义技术霸主，Github都是你的朋友。特别是ConsenSys Github可能是你在整个互联网上找到的最明确的Ethereum开发工具库。 无论是基础...

  • 开发者突击：Java Web主流框架整合开发.part11.rar

    主要内容包括：以MySQL为数据库、Tomcat为Web服务器、Eclipse为开发工具、CVS为版本控制工具的开发环境的构建过程；基于JSP、JavaBean、Servlet技术实现3种J2EE的基础架构；分3篇重点讲解Struts、Hibernate、Spring...

  • 产品与团队——实用开发工具

    本博文将介绍程序员在日常工作中好用的工具助手。把好用的工具推荐给大家使用。

  • 开发者突击：Java Web主流框架整合开发.part07.rar

    主要内容包括：以MySQL为数据库、Tomcat为Web服务器、Eclipse为开发工具、CVS为版本控制工具的开发环境的构建过程；基于JSP、JavaBean、Servlet技术实现3种J2EE的基础架构；分3篇重点讲解Struts、Hibernate、Spring...

  • 2020 前端必看 20个最好的 前端 Web开发工具

    本文是对一些顶级 Web 开发工具的一次精选汇总，分别介绍了每款工具的关键特性，并已附上下载链接。 1. Novi Builder Novi Builder 是一个拖放式构建器，它对于经验丰富的 Web 开发人员而言是一个不错的选择。它为...

  • 推荐几款实用的Web项目管理工具

    搜集了一些不同方面的在线资源，开发人员可以从中找到有用的工具。这些工具比较适合Web项目开发，也可以用在几乎所有的技术型的项目开 发中。你们将会看到用于电子邮件营销、任务管理、cloud IDE等等方面的应用。...

  • MATLAB实现多种群遗传算法(完整代码)

    1.程序功能说明： MATLAB实现多种群遗传算法(完整代码) 逼近C=[9,8,7,6,5,4,3,2,1]的9维向量. 2.代码说明：注释清晰，参数和变量说明清晰，方便更改、方便初学者使用，模块化编程，方便替换目标函数。运行环境Windows7及以上操作系统，MATLAB2014a及以上版本。 3.适用专业：计算机、电子信息工程、数学、物理、机械工程、土木工程等专业的大学生、研究生毕业设计，各类专业的课程设计、海外留学生作业等。 4作者介绍：资深算法工程师, 从事Matlab、Python算法仿真工作15年，专业研究遗传算法、粒子群算法、蚁群算法、鲸鱼算法、狼群算法等. 有问题联系QQ: 1579325979

Global site tag (gtag.js) - Google Analytics