网站前端,web前端,前端脚本,前端优化|时代前端 » 工具 http://www.52shidai.com 网站前端研究中心 Thu, 02 Feb 2012 03:36:54 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 31个Javascript的实用工具 http://www.52shidai.com/javascript/759.html http://www.52shidai.com/javascript/759.html#comments Tue, 22 Nov 2011 13:49:51 +0000 admin http://www.52shidai.com/?p=759 下面提到的这些工具包括各种实用工具，优化器，测试和调试工具，它们可以提高开发者创建Web站点的效率。

1，JavaScript compressor and comparison tool

JavaScript compressor and comparison tool

有许多工具可以帮助你压缩JavaScript代码，但是这个过程比较耗时，并且，对于某个特定的场景来说，很难分析出具体哪个工具表现的最好。这 个应用程序可以对那些工具的常规压缩做一个汇总统计，它可以让开发者在不安装这些工具的情况下，对在自己的JavaScript代码上应用那些工具的情况 进行比较。

具体可以参考：http://compressorrater.thruhere.net/

2，Regular expression validator tool

Regular expression validator tool

这个基于Web的JavaScript正则表达式验证器可以让你轻松地为JavaScript测试和编写正则表达式。这个工具可以帮助你检查语法方面的错误，此外，它还为你提供一个正则表达式库。

具体可以参考：http://tools.netshiftmedia.com/regexlibrary/

3，Regular expression generator

Regular expression generator

在IE中，这个脚本运行在 JDC 1.0.3 之上，这就是它在 Firefox，Opera 和 Safari 上运行的稍微快一些的原因。

具体可以参考：http://www.jslab.dk/tools.regex.php

4，Jsbeautifier

Jsbeautifier

这个微型的美化器可以重新调整 bookmarklet 和丑陋的JavaScript的格式和缩进，也可以对使用流行的 Dean Edward 的 Packer 打包的脚本进行拆包，对通过javascriptobfuscator.com 混淆的脚本进行反混淆。

具体可以参考：http://jsbeautifier.org/

5，Jsbin

Jsbin

JS Bin是一个开源的，协同的JavaScript调试工具。

具体可以参考：http://jsbin.com/

 

6，Jslint

Jslint

JSlint会对JavaScript的源代码进行扫描。如果它发现了一个问题，会返回一个描述这个问题的消息和源代码中的大概位置。这个问题不一 定是一个语法错误（虽然通常情况下，这个问题都是一个语法错误）。JSLint 会发现一些样式约定和结构问题。它无法证明你的程序是正确的。它只能帮助你发现一些问题。

具体可以参考：http://www.jslint.com/

7，Rockstarapps

Rockstarapps

Rockstarapps 的使命比较简单：给开发者提供一套工具，让他们可以在云中创建经过高度优化的Web应用程序。

具体可以参考：http://rockstarapps.com/joomla-1.5.8/home.html

8，Prettyprinter

Prettyprinter

这是一个源代码美化器（源代码格式化器），和缩进的效果是类似的。

具体可以参考：http://www.prettyprinter.de/

9，Pixastic

Pixastic

Pixastic是一个实验性的库，使用这个库，你只需要一点点的 JavaScript 代码，就可以执行各种图像操作。它支持的效果包括淡化/灰度调整，倒置，翻转，亮度/对比度的调整，色调/饱和度，浮现，模糊，等等。

具体可以参考：http://www.pixastic.com/

10，Extjs

Extjs

构建丰富的，可持续发展的Web应用程序比以往更加快捷了。许多著名的公司（Adobe, Amazon, CNN 等）都在使用extjs。

具体可以参考：http://www.sencha.com/

 

11，Slickspeed

Slickspeed

各种测试在一个中立的环境中运行，在主要的JavaScript测试中，既不包括库也不包括框架，这样可以避免偏颇。

具体可以参考：http://mootools.net/slickspeed/

12，Scriptalizer

Scriptalizer

对于那些在互联网上部署和传输的解释性语言（例如：JavaScript）来说，对源代码进行最小化是很有帮助的，因为这可以减少需要传输的数据量。

具体可以参考：http://www.scriptalizer.com/

13，Yui compressor

Yui compressor

YUI Compressor 是100%安全的 JavaScript 最小化器，它比大多数其他工具的压缩比都要高。在YUI库上的测试表明，和 JSMin 比起来，它可以节省超过20%的体积（在HTTP压缩以后，这个数字是10%）。

具体可以参考：http://developer.yahoo.com/yui/compressor/

14，Js minifier

Js minifier

具体可以参考：http://fmarcia.info/jsmin/test.html

15，Jslitmus

Jslitmus

JSLitmus 是一个轻量级的工具，主要用于创建 ad-hoc JavaScript benchmark tests。

具体可以参考：http://broofa.com/Tools/JSLitmus/

 

16，Js regular expression tester

Js regular expression tester

这个方便的实用程序可以在一个浏览器中，使用 JavaScript 来测试 JavaScript 正则表达式。它的界面和其他正则表达式测试工具类似，但是，和其他工具不同的是，它用JavaScript 测试正则表达式的 JavaScript 实现。

具体可以参考：http://www.codeproject.com/KB/scripting/regex2.aspx

17，Qooxdoo

Qooxdoo

qooxdoo是一个集综合性和创新性于一身的框架，它主要用于创建富互联网应用程序（RIA）。面向对象的 JavaScript 可以让开发者构建跨浏览器的应用程序。无须掌握HTML, CSS的知识，也无须掌握 DOM 知识。

具体可以参考：http://qooxdoo.org/

18，JavascriptMVC

JavascriptMVC

JavascriptMVC是一个开源的框架，它融合了企业级的 JavaScript 开发方面的最佳理念。它可以通过执行最佳实践，增加可维护性，和推广约定优于配置的理念等方式来帮助你成功地完成项目。

具体可以参考：http://javascriptmvc.com/

19，GNUcitizen

GNUcitizen

为了把JavaScript攻击向量和其他的客户端和服务端技术组合在一起，AttackAPI提供了简单而直观的编程界面。

具体可以参考：http://www.gnucitizen.org/blog/attackapi/

20，Jsfuzzer

Jsfuzzer

这个 fuzzing 工具支持事件，标签，样式和 HTML 属性的 fuzzing。你可以使用各种深度的不完整标签，也可以对所有参数进行随机排列。它还包含一个带有所有新的攻击向量的数据库。

具体可以参考：http://code.google.com/p/jsfuzzer/

 

21，J3unit

J3unit

J3Unit是一个面向对象的 JavaScript 单元测试框架。J3Unit可以直接在Web浏览器中运行JavaScript测试，也可以自动地运行 JUnit 和Jetty。J3Unit是建立在JSUnit 和 Script.aculo.us 基础之上的，它提供了一种更好的方式来自动化JavaScript单元测试。

具体可以参考：http://j3unit.sourceforge.net/

22，Jsunit

Jsunit

JsUnit是一个客户端（浏览器内）JavaScript单元测试框架。它实际上是JUnit到JavaScript的一个通道。此外，它还包括一个平台，这个平台可以自动地执行多个浏览器和运行不同的操作系统的多台机器上的测试。

具体可以参考：http://www.jsunit.net/

23,Firebug

Firebug

Firebug是和 Firefox 集成在一起的，当你浏览页面的时候，你随时可以使用它提供的丰富的Web开发工具。在任何一个Web页面中，你都可以实时地编辑，调试和监控 CSS，HTML，和JavaScript。

具体可以参考：http://getfirebug.com/

24，Venkman

Venkman

Venkman 是 Mozilla 的 JavaScript 调试器的代号。Venkman 旨在为基于 Gecko 的浏览器（即：Firefox 3.x,Netscape 7.x 系列的浏览器）提供一个强大的 JavaScript 调试环境。

具体可以参考：http://www.mozilla.org/projects/venkman/

25，Drosera

Drosera

为了调试你的应用程序中的 JavaScript 代码，你需要为你的应用程序指定一个默认的“bundle identifier”。此外，你还需要使用 TOT WebKit 框架来发布你的应用程序。通过 WebKitTools/Scripts 内的 run-webkit-app 脚本，你可以轻松地完成这些工作，然后，你会发现你的应用程序已经显示在 Drosera 的窗口中了。

具体可以参考：http://webkit.org/blog/61/introducing-drosera/

 

26，Dragonfly

Dragonfly

欢迎 Opera Dragonfly 的 alpha版的到来，这是一个为基于 Presto 的 Opera 浏览器而提供的功能完备的调试环境。Opera Dragonfly 提供的那些工具可以让你更快速，更轻松地进行开发，它们可以调试你的 JavaScript 代码，也可以检查DOM，CSS，网络流量和数据存储。Opera Dragonfly 内置的远程调试功能让移动开发变得前所未有的轻松。

具体可以参考：http://www.opera.com/dragonfly/

27，Nitobibug

Nitobibug

对于专家和新手来说，NitobiBug 都是一个实用的工具。它让 JavaScript 和 DOM 问题的调试变得更加快捷，更加简单。

具体可以参考：http://www.nitobibug.com/

28，Wavemaker

Wavemaker

具体可以参考：http://www.wavemaker.com/

29，Jaxer

Jaxer

Jaxer是一个 Aptana Ajax Server，它内置在 Aptana Studio 中。Jaxer可以让你在提供那个页面以前或者是在回调期间，在服务器上执行 JavaScript 代码。

具体可以参考：http://jaxer.org/

30，Jxlib

Jxlib

一个 JavaScript 库，主要用于创建基于传说中的 MooTools 库的图形化的用户界面。

具体可以参考：http://jxlib.org/

31，Dojotoolkit

Dojotoolkit

Dojo 可以节省你的时间，提供强大的性能，缩短你的开发过程。为了提供良好的Web体验，有经验的开发人员都会使用这个工具包。

您可能感兴趣的文章

]]> http://www.52shidai.com/javascript/759.html/feed 0 前端开发的一些必备工具信息 http://www.52shidai.com/seo/611.html http://www.52shidai.com/seo/611.html#comments Tue, 02 Nov 2010 10:29:17 +0000 admin http://www.52shidai.com/?p=611 另外还搞了个Firefox插件《前端开发工具集》，把资源整合到一个菜单下，方便查询。数据放在线上(Google AppEngine)，速度应该会有保证，更新也会比较方便。

在线工具集

常用Firefox插件

IE下的调试工具

  • Fiddle2 —— 非常强悍的一款http流查看工具，默认支持IE，其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述”Fiddler 开关”进行快速切换。支持插件。
  • IE Developer Toolbar —— 查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能，IE8自带了一个加强版的。
  • Microsoft Script Debugger + Companion.JS —— 调试JS用，虽然报错还是有误差，但是我已经满足了。安装顺序是：Microsoft Script Debugger，Companion.JS，在”IE选项-高级”里取消禁用脚本调试。
  • 多版本IE共存两种方案：
    • IE7/8 + IE Tester —— 大众型配置，可以基本满足日常需要。
    • IE6 + Internet Explorer Collection —— 在IE 6用户占绝对优势以及IE 6神奇bug满天飞的时代，我还是推荐这种方案，因为只有神奇的原装IE 6，才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话，建议再装个IE 8 + IE Tester，因为IE 8下的Developer Toolbar还是有很大改进的，调试起来会方便一些。
  • 以下三个软件相对不重要些：

参考手册

批处理工具

IDE及其他工具

Bookmarklet(右键另存)

开发者社区及权威网站

推荐订阅的博客和网站(排名不分先后)

您可能感兴趣的文章

]]> http://www.52shidai.com/seo/611.html/feed 0 所有网站长必备的SEO工具大全 http://www.52shidai.com/seo/298.html http://www.52shidai.com/seo/298.html#comments Wed, 24 Mar 2010 03:43:02 +0000 admin http://www.52shidai.com/?p=298 分享给大家几款网站SEO常能用到的工具，本站之前也推荐了一些好的工具，感兴趣的话可以查看一遍我们之前的内容，使用工具比手工的效率高多了，要查询的信息基本一次都能查得到，手工查的话要耗费不少的时间的，今天我们给大家推荐了以下几款工具：
  
    超级管家
    《超级管家》是一款目前最流行的站长工具，超级管家集SEO指标监控、关键词指数及排名监控、网站流量监控等功能与一体，是一款不可多得的优秀站长工具软件。超级管家不但能够准实时监控各项指标数据，还能够保存各指标的历史数据，方便快捷的给你展示指标的历史图表，指标数据变化的历史曲线在您面前一览无余，实在是站长身边难得的SEO优化工作伴侣。

    http://z.sharptogether.com/
    搜索引擎抓取内容模拟器
    可以模拟蜘蛛抓取指定网页，包括Text、Link、Keywords及Description信息等。
    http://www.webconfs.com/search-engine-spider-simulator.php

    页面相似度检测工具
    检验两个页面的相似度（如果相似度达80%以上，将可能受到惩罚）
    http://www.webconfs.com/similar-page-checker.php

    Sitemap 制作工具
    在线创建 Sitemap 网站地图文件

    中文:http://www.xinqj.com/sitemap/sitemap.asp

    英文:http://www.xml-sitemaps.com/

    在线创建Sitemap可能会有一些限制，推荐使用下面的离线工具：

    Google SiteMapBuilder .Net

    Sitemap 网站地图文件创建软件，可以很方便XML格式、txt格式的Sitemap
    http://www.seobbs.net/read.php?tid=10620

    综合查询工具

    网站收录查询  
    同时查询Google,百度,Yahoo等7个搜索引擎的收录状况
    http://indexed.linkhelper.cn/ .

    关键词排名查询
    可以同时在3个搜索引擎中查询指定网页指定关键词的排名情况.
    http://www.seores.com/search/keywordrank.asp .

    搜索引擎优化监视器(SEO Monitor) . 
    一个仅356K的小软件,可以同时查询多个搜索引擎,多个关键词的排名情况.并自动记录历史排名情况.
    http://soft.xue163.com/soft/73834_23.html

    Google各服务器关键词排名查询
    查询在Google各个服务器中,指定网页指定关键词的排名情况,可以作为一个升降的参考

    关键词工具 
    Google Adwords关键词工具 根据专家观察，这样的理论和现象都是值得各位站长深思的，所以希望大家多做研究学习，争取总结出更多更好的经验!

    查询指定关键词的扩展匹配,搜索量,趋势和受欢迎度.
    https://adwords.google.com/select/KeywordToolExternal !

    百度相关搜索
    按热门程序排序,列出指定关键词相关的扩展匹配及热门程度。

    关键词密度分析工具
    分析指定关键词在指定页面中出现的次数,及相应的百分比密度 . 
    http://www.webconfs.com/keyword-density-checker.php 结果包括搜索引擎抓取，各词的出现次数，密度。支持charset=gb2312，不支持charset=utf-8
    http://www.seobox.org/keyword_density.htm 生成简要报告，模拟搜索引擎抓取字符，模拟搜索引擎抓取超连接，支持charset=gb2312，不支持charset=utf-8
    另外还有个关键词密度分析的网站，可惜是英文的，没有摸透，估计对于做英文的seo来说可能有用点。 http://www.webuildpages.com/seo-tools/keyword-density/index.php(英文)

    关键词热门排行及指数
    百度排行榜:http://top.baidu.com
    百度指数:http://index.baidu.com/
    Yahoo排行榜:http://misc.yahoo.com.cn/top_index.html …
    搜狗指数:http://www.sogou.com/top/?IPLOC=CN1102 .
    搜搜龙虎榜:http://www.soso.com/lhb/s_i_sosolhb.shtml !

    Google工具
    google Sitemaps 
    Google推出的一项免费服务,一个杰出的SEO工具
    http://www.google.com/webmasters/sitemaps/docs/zh_CN/about.html 对真正的成功者来说，不论他的生存条件如何，都不会自我磨灭

    Google Analytics ..
    Google推出的免费分析服务.在市场营销和内容优化上提供很多专业报表.对搜索引擎营销有很大帮助.
    http://www.google.com/analytics/zh-CN/ .

    Google Dance 查询工具 
    不仅可以查询Dance情况,还可以通过E-mail及时获得每月google dance通知
    http://www.seochat.com/googledance/ 。

    GOOGLE各服务器上的PR值 
    利用这个工具,可以判断PR是否更新,预测更新后的PR值
    http://www.seochat.com/seo-tools/future-pagerank

    Google PR历史更新时间表 .　
    看看Google 2000看至今更新PR的具体时间和周期时长
    http://www.seocompany.ca/pagerank/page-rank-update-list.html

    链接工具
    链接广泛度检测工具 根据专家观察，这样的理论和现象都是值得各位站长深思的，所以希望大家多做研究学习，争取总结出更多更好的经验!

    反向链接查询工具.同时支持Google,百度,Yahoo等7个搜索引擎
    http://indexed.linkhelper.cn/.

    查询Google中链接的工具.可以抓取文本标题和链接.中文标题显示的是乱码
    http://www.webconfs.com/google-backlink-checker.php

    Yahoo新推出的链接检查工具,可以查询网站中所有被检索的页面以及反向链接情况
    http://siteexplorer.search.yahoo.com/ 根据专家观察，这样的理论和现象都是值得各位站长深思的，所以希望大家多做研究学习，争取总结出更多更好的经验!

    同时查询Google,Yahoo,MSN中的链接数量
    http://www.trafficzap.com/linkpopularity.php !

    无效链接检查工具
    检查指定页面内的链接.包括链接有效性检查,链接文字,链接类型
    http://www.seores.com/search/checkurl.asp 
    W3C GLink Checker:http://validator.w3.org/checklink 。

    其他工具
    国外主要搜索引擎和人工目录的关系表
    一个Flash,解析国外主流搜索引擎与人工目录的关系,对海外推广很有帮助
    http://www.seobbs.net/read.php?tid=911 .

    分类目录收录查询
    检查网站是否登录多个重要分类目录
    http://www.123promotion.co.uk/directory/index.php 。

    Alexa世界排名查询
    http://alexa.chinaz.com/Index.asp .

    网站历史查询工具
    美国互联网档案馆(The Internet Archive)保存了自1996年开始,借助Alexa搜索引擎获取的网站资料.
    http://web.archive.org/collections/web/advanced.html !

您可能感兴趣的文章

]]> http://www.52shidai.com/seo/298.html/feed 0 专业SEO技术人员必需了解的技术知识和关注的工具 http://www.52shidai.com/seo/51.html http://www.52shidai.com/seo/51.html#comments Sun, 07 Feb 2010 01:34:34 +0000 admin http://52shidai.com/?p=51 SEO技术人员必需了解的技术知识（请自行在搜索引擎查看原理及做法）
A. Robots.txt的原理及用法
B. 404错误页面的作用
C. 301重定向代码及用法
D. rel=“Nofollow”属性
E. Mate(title/Description/keywords)标签
F. H标签
G. <stong><b><u><i><font>的作用大小
H. 网页静态化与伪静态
I. Backlinks反向链接与内部链接
J. 图片Alt/title代替属性
K. link和domain查询
L. PR原理
M. 黑帽SEO与白帽SEO的区别
SEO技术人员需关注的动态和工具
A. Google网站管理员工具
B. 站长统计、51啦统计工具、Google Analytics（分析）
C. 百度指数、alimama站长实用工具
D. Google热榜、百度热榜

您可能感兴趣的文章

]]> http://www.52shidai.com/seo/51.html/feed 0