首页 > 其他分享 >强大的前端设计开发调试效率工具

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

时间:2023-08-09 16:33:39浏览次数:39  
标签:http cn 前端 下载 软件 app IE 效率 调试


介绍十个软件,适合前端开发跟网页设计者使用,能提高效率的软件。自己挑去吧。


这人为什么这么值得我去介绍,因为她整了很多有趣的玩意儿,而且很实用。


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


1LinrDevTools给设计师用的调试工具(☆)

这个东西貌似还没提供,但有个演示视频,很适合做设计的用,看了视频就知道,拖拉拽扯样样精通。

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.htmFirefox插件下载地址:
同时还提供了chrome版本:http://xiaogezi.cn/app/linrlightwebforchrome.htm
4Monster for Chrome(☆)
不知道说啥好,没用过,引用他对软件的介绍:


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


软件页面:http://xiaogezi.cn/app/Monster.htm
5nodejsrun(☆)
看名字就知道是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)


7LinrWebServer(★★☆)

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)


8LinrCelery 图片软件(★☆)

能够让图片漂浮到任意地方,在网页布局时可以用,可以半透明显示,缺点是不能缩放,好处是,可以快速用来比较页面跟设计稿的匹配度。提到的小技巧:

    * 使用 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)


9Linr 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)


10SuperApp(★★★★)

让程序窗口置顶、半透明、保存时自动刷新网页等。

我是最讨厌在各个窗口切换来切换去的了,弄个窗口置顶+半透明,就可以解决了


自动刷新视频演示:http://www.tudou.com/programs/view/zU5V81mQvCw/

软件页面:

下载:

SuperApp1.1.10.19.zip(58.05 KB, 下载次数: 12)




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


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


所有演示视频地址(建议下载后再看):

skydriver空间地址(他的所有软件):


------------------------------------断点-------------------------------------

先写到这里,弄了一个下午,书都没看,厕所也没上,看了过百页的文章,整理了这么多,头昏脑胀了啊,确实有点头晕了啊!!!

有空再把软件下载放上来吧。休息去了

标签:http,cn,前端,下载,软件,app,IE,效率,调试
From: https://blog.51cto.com/u_16120380/7022208

相关文章

  • 前端原型和原型链constructor
     目录前言导语运行结果总结 代码部分总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语前......
  • 前端原型和原型链构造函数的使用
     目录前言导语代码部分 总结代码部分 总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语......
  • GPT-4助力数据分析:提升效率与洞察力的未来关键技术
    摘要随着大数据时代的到来,数据分析已经成为企业和组织的核心竞争力。然而,传统的数据分析方法往往无法满足日益增长的数据分析需求的数量和复杂性。在这种背景下,ChatGPT-4作为一种先进的自然语言处理技术,为数据分析带来了革命性的提升,助力企业和组织更高效地挖掘数据价值。本文将......
  • 前端将图片转为base64编码
    <script type="text/javascript">        function readAsBase64() {            var file = document.getElementById("imagefile").files[0];            var reader = new FileReader();            reader.readA......
  • 微前端框架哪个好?QianKun还是MicroApp
    在当前云原生微服务、业务中台、低代码平台等IT架构下,不再是传统的烟囱式应用系统建设,而是打破企业业务部门竖井,建立企业级的信息化平台(数据中台、业务中台),那么对业务开发的解耦和聚合将成为关键技术,目前对于系统后端已有成熟的微服务架构,基于SpringBoot开发微服务,通过SpringCloud......
  • 前端原型和原型链构造函数的使用
     目录前言导语代码部分运行结果前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语前端原型和原......
  • 前端原型和原型链构造函数的使用
     目录前言导语原型的构造器指向构造函数 原型上添加方法注意的地方构造器指向构造函数本身总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌......
  • 记录--前端实用小技巧: 自动合并的网络请求
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助我们经常会遇到一个场景,比如在一个列表中批量获取用户的信息。 如果我们一次性往后端发送几十条请求是非常愚蠢的事情。此时我们就要学会如何使用批量获取的逻辑。但是批量获取有一个问题就是,我需要在用户列表......
  • 前端基础-数组方法
    数组方法备忘单:添加/删除元素:push(...items) ——向尾端添加元素,pop() ——从尾端提取一个元素,shift() ——从首端提取一个元素,unshift(...items) ——向首端添加元素,splice(pos,deleteCount,...items) ——从 pos 开始删除 deleteCount 个元素,并插入 i......
  • 前端实现文件夹的上传和下载
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传  可以带参数        [HttpPost("upload")]        publicJsonResultuploadProject(I......