强大的前端设计开发调试效率工具 -

liuguofeng

浏览: 450522 次
性别:
来自: 成都

最近访客更多访客>>

zjingye

cargoo

fkshl

freeman01

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

强大的前端设计开发调试效率工具

博客分类：

photoshop

介绍十个软件，适合前端开发跟网页设计者使用，能提高效率的软件。自己挑去吧。
先说下开发者：网名Linr，貌似是广州人，应该是个男的，个人网站http://www.xiaogezi.cn/，百度空间，其他可以看个人网站里的contact。我的名字(Liner-z)跟他沾点边呢
这人为什么这么值得我去介绍，因为她整了很多有趣的玩意儿，而且很实用。

======11-27 23:52 更新：根据反馈情况加上推荐指数，★表示10分，☆表示5分或未评价，仅做参考=====

1、LinrDevTools给设计师用的调试工具（☆）
这个东西貌似还没提供，但有个演示视频，很适合做设计的用，看了视频就知道，拖拉拽扯样样精通。
视频：http://www.tudou.com/programs/view/kPg_AkHPfp8/

2、IE6、IE7的调试工具LinrWinds（★★★★）
看介绍真的很不错，我还没尝试，迫不及待要分享给大家了。
简单的说，像Firefug，据其文章描述，可以用在IETester上。集成了firebug lite，不过需要联网下载js才能出现，看网速了。

它适用于所有版本的IE（IE6、IE7、IE8、IE9、IE10）、绿色版的IE（如IEtester、IE Tab）和其他以IE为内核（Trident）的浏览器

就目前我所知道的，IETester能用的就一个DebugBar插件，可惜不能实时更改html跟css，运行js倒是可以。
对于IE浏览器本身来说，有个开发人员工具，IE8开始默认集成，F12键开启，
IE6跟IE7的可以安装IE Developer Toolbar，微软提供的是英文版，不习惯可以下载汉化版（下载：iedevtoolbarv1_汉化版.zip(468.37 KB, 下载次数: 8)），但这个工具不能用在IETester里。
如果说她提供的这个LinrWinds真的可以用的话，那真是太给力了！
软件页面：http://xiaogezi.cn/app/LinrWinds.htm
下载：LinrWinds.rar(92.29 KB, 下载次数: 15)

3、Firebug增强插件LinrLightWeb（★★★☆）
需要先安装firebug，增加很多功能，被他说得天花乱坠，我也语无伦次了。其实有了firebug，已经可以解决大部分问题了。
这个插件具体多好，要看了视频才知道的，插件提供的增强功能如下：

开启网页编辑模式，随意编辑网页——Fiddler的好搭档；
超强Selector，查找操作标记；
刷新CSS，无需刷新整页；
快速设置CSS Sprites背景，鼠标拖移即可得到位置；
保持登录状态，Session不过期；禁用

相关视频：
①CSS编辑器里的自动完成功能

②2.3版本介绍

③与fiddler配合使用

④配合selector整理元素标签，比查找替换更强大

⑤介绍selector的使用方法

⑥即时编辑器

⑦快速添加table元素

⑧导出某一节点为图片

软件页面：http://xiaogezi.cn/app/LinrLightWeb.htm
Firefox插件下载地址：
同时还提供了chrome版本：http://xiaogezi.cn/app/linrlightwebforchrome.htm

4、Monster for Chrome（☆）
不知道说啥好，没用过，引用他对软件的介绍：

Monster是一款网站代码分析、质量检测及评分的浏览器扩展，它能智能分析CSS、JS、HTML内容并生动形象展示网页得分情况(类似YSlow)。

软件页面：http://xiaogezi.cn/app/Monster.htm

5、nodejsrun（☆）
看名字就知道是js工具来的，本人目前不懂js，所以对这个软件的实用性就没资格评价了，还是引用介绍吧：

Windows下最方便的nodejs打包方案，它集成了nodejs.org官方和cygwin模拟版node.exe、npm、常用模块（如express、connect）。同时它集成在Windows资源管理器右键菜单，很方便运行node.js程序。另外它还能将html、图片等资源跑成 http://127.0.0.1:520/。

软件还提供一个快速服务器搭建的小程序，会不会跟其他服务器端程序有冲突我还不知道。
软件页面：http://xiaogezi.cn/app/nodejsrun.htm

6、Photoshop网页设计师必看——Linr PS toolkit（★★★★★）
这个也有视频演示，看得我内流满面，坑爹的咋就不做下推广，害得我现在才发现有这神器
功能强大，可以导出某一图层为图片，可以生成文字样式，可以生产css代码，包括css sprite、background-position、width、height、color等，可以快速添加设定的辅助线等等……这下好了，PS可以改名为——Web PS，简称WPS。
系统：xp、vista、win7、mac
适用版本：PS CS3+
视频演示（看过就知道什么叫强大）：http://www.tudou.com/programs/view/rRc6wbdU4wk/
插件页面（内有安装方法，放在“预置\脚本”文件夹里）：http://xiaogezi.cn/app/LinrPStoolkit.htm
设置动作快捷键注意事项：首先要打开一个文档，拉个选区，然后再添加动作，插入脚本项，出来窗口后再关闭，然后停止动作，不这么做会出错的。还有，精简版的好像脚本功能有缺陷，使用不了，我被迫重新装了正式版的。
下载：LinrPStoolkit4.zip(225.63 KB, 下载次数: 29)

7、LinrWebServer（★★☆）
VS里的东西，快速搭建服务器，我用了，结果有冲突，还老出错，算了，反正无所谓了。
继续引用介绍：

在VS里Ctrl+Shift+W，就可以快速使用WebServer来查看网页，地址一般为 http://localhost:4431/xxx。于是想到，能否将任意目录跑成WebServer呢？动手吧，从VS目录找到了一个***.WebServer.exe的文件，将其分离出来，另外写了个小程序，只要将目录拖上来，就可以创建WebServer了。好像需要.net 3.0框架 ^^* 可以跑asp,asp.net,htm，其实还可以跑php，只是需要安装php解析器...

软件页面：http://xiaogezi.cn/app/LinrWebServer.htm
下载：LinrWebServer.net3.5-1.0.3.zip(122.97 KB, 下载次数: 0)

8、LinrCelery 图片软件（★☆）
能够让图片漂浮到任意地方，在网页布局时可以用，可以半透明显示，缺点是不能缩放，好处是，可以快速用来比较页面跟设计稿的匹配度。提到的小技巧：
* 使用 QQ 截屏，然后 Ctrl+V 可以粘贴查看剪切板中的图片；
* 可以将 psd、png 等图片格式设置成默认使用 LinrCelery 打开；
* 看图的同时，使用右键可以拷贝路径到剪贴板、使用PS快速打开；
* 0~9 数字键以不同透明度查看图片；
* 将正在设计的网页局部图片拖放到浏览器上方可以直接预览效果；
软件页面：http://xiaogezi.cn/app/LinrCelery.htm
下载：LinrCelery-1.2.11.20.zip(458.24 KB, 下载次数: 0)

9、Linr F2E Helper 前端辅助软件（★★☆）
貌似是IE用的，功能特别多，不过加过头了，弄了个音乐盒进去。个人感觉实用性差了些，需不需要看你自己了。
软件介绍：

前端辅助,是一款前端开发人员辅助软件.它集成有画框生成CSS、IE Dom调试插件、屏幕取色、屏幕放大镜、屏幕截图（内置腾讯截屏）、时尚配色、文本编辑器、资源管理器、音乐盒等工具。另外，它集成在IE的工具栏上，点击笑脸图标，就可以开启。启动软件，它总是位于屏幕的最上方窗口标题栏位置，绝对不占用你的工作空间。

软件页面：http://xiaogezi.cn/app/LinrFrontEndHelper.htm
下载：
LinrF2EHelper-1.5.6.11(绿色版).zip(777.52 KB, 下载次数: 18)
LinrF2EHelper-1.5.6.11.zip(1.17 MB, 下载次数: 10)

10、SuperApp（★★★★）
让程序窗口置顶、半透明、保存时自动刷新网页等。
我是最讨厌在各个窗口切换来切换去的了，弄个窗口置顶+半透明，就可以解决了
自动刷新视频演示：http://www.tudou.com/programs/view/zU5V81mQvCw/
软件页面：
下载：SuperApp1.1.10.19.zip(58.05 KB, 下载次数: 12)

还有一个LinrWellshui，他自己弄的浏览器，还在开发中，可以看这里了解：

还有些其他跟开发无关的，看图、听音乐的应用，就不说了，去他网站就可以看到了。

所有演示视频地址（建议下载后再看）：
skydriver空间地址（他的所有软件）：

------------------------------------断点-------------------------------------
先写到这里，弄了一个下午，书都没看，厕所也没上，看了过百页的文章，整理了这么多，头昏脑胀了啊，确实有点头晕了啊！！！有空再把软件下载放上来吧。休息去了