17个用于设计开发的chrome扩展工具

大多数设计师和开发人员都选择火狐,因为火狐提供了强大的插件扩展。尽管chrome目前提供的扩展还没不及火狐所提供的,但仍有可能成为设计师和开发者的选择。在某些情况下,他们不如火狐强大(如firebug和firebug lite),但如果你正在使用chrome,你可能会对他们提供的扩展有兴趣,何况chrome用于设计开发的工具正逐步被开发出来。

      在这篇文章里,我们将介绍chrome17个用于设计开发的扩展工具。如果有可能的话,希望chrome提供的出色扩展也可与火狐扩展相媲美。

Speed Tracer

Speed Tracer 是一个可以帮助你标识和定位网页出现的问题的工具,他可以把浏览器中网页的运行情况进行可视化的分析,Speed Tracer可以运行在他所支持的平台(windows和linux)上的chrome中。

Firebug Lite

Firebug Lite 可以让开发者在任何网页中编辑、测试错误,可以纠正CSS/HML/JavaScript。

Pendule

Pendule 可以在新标签页中显示当前页的所有链接和内嵌样式表。

它可以在当前运行的页面重载样式表,而无须为了每个修改而重载整个页面,当然,它也可以在当前页面禁用CSS。

Eye Dropper

Eye Dropper 和取色器扩展可以让你在任何页面进行高级的取色操作。

文档">

Aviary Screen Capture

 Aviary Screen Capture 可以在任何页面进行截屏,并且在在aviary.com的应用支持下直接在浏览器中进行编辑。它甚至可以随意连接avirary网站以及使用网站的工具。

PlainClothes

PlainClothes 可以让你对网页随意定义样式,或者禁用样式:想像一下:把字体改成黑色,把背景改成白色,未读的链接改成蓝色,已访问链接改成紫色,所有链接都加上下划线,只要你喜欢,想改成什么样就什么样。你可以使所有的文本在任何页面都自动按照你预定的样式呈现(在“选择”>“Under the Hood”>"改变字体和语言"里设置)

Chrome Sniffer

Chrome Sniffer 可以帮助开发者检查网页在运行时的框架/CMS和javascript库的情况,在检测框架时,地址栏会出现一个图标。

Lorem Ipsum Generator

The Lorem Ipsum Generator 可以产生随机的文本。

Chrome SEO

Chrome SEO 可以利用互联网搜索引擎分析你的网页SEO情况,关键词、反链、PR和其他的一些SEO情况。

IE Tab

IE Tab 可以让你在chrome中使用IE模式运行网页。有了这个扩展,你就无须为了看看网页在IE的运行情况而关闭chrome。开发者可以用它检查网页在IE的运行情况,使用了ActiveX控制或者浏览本地文件。(如使用“file://URLs”对本地文件进行访问)

Resolution Test

Resolution Test 可以帮助开发者测试网页在不同的分辨率下的表现,你也可以自定义分辨率进行测试。

MeaureIt!

MeasureIt! 可以让你i在任何网页上计算页面宽高。

Validity

Validity可以使网页在地址栏中快速运行。 只要点击地址栏上的图标就可以激活当前页面。页面的错误量也可在浏览器工具栏中看见。

Snippy

Snippy 可以截取网页的部分并保存下来。capture可以保存大量的文本并且保持原来的格式,也可以截取段落,图片,链接等。

META SEO Inspector

META SEO Inspector 被用来检查网页的meta属性。

LastPass

LastPass是一个免费的在线密码管理工具,使你的访问更加快速安全。

Google Tasks

The Google Tasks extension 可以在任何时间任何页面访问google tasks。你可以进行临时记事或翻看你的议程。

时间: 2024-11-03 01:12:59

17个用于设计开发的chrome扩展工具的相关文章

实用贴|适用于开发者的最佳Chrome扩展工具

毫无疑问,Google Chrome 备受开发者青睐,它提供了一套Chrome DevTools,是 Web开发和性能调试的必备工具,旨在为开发人员提供更轻松的生活. 但是 Chrome 能做的远不止你平常用的那么简单:Chrome的功能通过成千上万的附加组件和扩展功能进行扩展,让开发者们可以在开发过程中运用各种技巧测试网站和应用程序;尝试其他字体和布局;以及大大提高效率. 本文列出了一些对开发者的最有用的.用户友好和功能丰富的扩展工具并附上评分.开发者们可根据自己的需要进行选择. 1.网站分析

使用chrome开发者工具得到的视频连接并不能用于下载

问题描述 使用chrome开发者工具得到的视频连接并不能用于下载 待下载的是:http://www.cnn.com/studentnews页面上的视频 得到的链接是:http://cnn-f.akamaihd.net/cnn/big/studentnews/2016/04/06/sn-0407.cnn_422499_,512x288_55,640x360_90,768x432_130,896x504_185,1280x720_350,0k.mp4.csmil/bitrate=1?v=3.4.1&

过滤分享的Chrome扩展开发详解

明确需求 扩展的功能在前文<眼不见为净--过滤人人网分享的chrome扩展>中已做了介绍:把人人网中一些带有"不分享就如何如何"等诅咒信息的标题给屏蔽掉,眼不见为净!描述得更详细些就是: 过滤功能只在人人网域名(http://*.renren.com/*)下启用: 只有访问人人网时,扩展的图标才显示: 好友的分享信息会出现在很多地方(如好友主页.新鲜事.分享主页等),这些都要过滤: 我只是不想看到那些讨厌的标题,但分享的视频.图片等还是想看的. 其中(4)是核心功能,(2)

如何在前端开发中增加编码效率?这里有十款Chrome扩展可以帮你

对于前端开发者来说,Chrome浏览器绝对是开发过程中不可缺少的利器:不仅仅是因为Chrome自带的功能强大的devtool,更是因为Chrome有着各种好用的前端语言调试工具以及诸如EnjoyCSS.LiveReload等这类能够提高你编码效率的强大扩展.我们就整理了十款前端开发相关的Chrome插件,在这里推荐给你. 1.掘金Chrome插件 对于开发者来说,比开发过程更重要的,应该要算平时对于开发资源以及技术文章一点一滴的积累了吧.那么,开发者能够在哪里获取需要的技术内容呢? 过去,你可能

【前端工具】Chrome 扩展程序的开发与发布 -- 手把手教你开发扩展程序

关于 chrome 扩展的文章,很久之前也写过一篇.清除页面广告?身为前端,自己做一款简易的chrome扩展吧. 本篇文章重在分享一些制作扩展的过程中比较重要的知识及难点.   什么是 chrome 扩展程序 扩展程序是一些能够修改或增强 Chrome 浏览器功能的小程序.对于前端工程师而言,其最大的便利就是我们可以应用我们熟悉的 HTML.CSS . Javascript 等技术来制作扩展程序. 如下图所示,这些图标就是各种开发者提供的 chrome 扩展程序:   区分扩展与插件 很多人会误

chrome扩展开发其他地方调用sendmessage里的response

问题描述 chrome扩展开发其他地方调用sendmessage里的response var sysconfig={}; chrome.runtime.sendMessage({type : 'getload'}, function(response){ sysconfig=response.configs; console.log(sysconfig);//可以打印出来 }); console.log(system);///打印为空对象 background.js里是 case 'getloa

chrome扩展程序开发之在目标页面运行自己的JS

大家都知道JS是运行在客户端的,所以,如果我们自己写一个浏览器的话,是一定可以往下载下来的网页源代码中加入js的.可惜我们没有这个能力.不过幸运的是,chrome的扩展程序可以帮我们做到这件事. 本文会做一个chrome插件开发的入门介绍,实现利用chrome扩展实现在目标网页运行我们的js的功能.关于chrome扩展的详细内容,可以通过官网了解. 开发工具很简单,记事本就OK了,当然还要有一个chrome浏览器. 新建一个文件夹,比如,HelloWorld 然后创建一个文本文件,作为这个扩展程

js-在开发chrome扩展的时候的小问题

问题描述 在开发chrome扩展的时候的小问题 content_scripts里怎样时时监测页面有没有变化啊? 因为是新手,所以求教一下. 想要完成的任务是在页面出现某个元素的时候执行一个函数,函数当然要用一些这个元素里的数据.求教一下应该怎样做到?

如何开发Chrome扩展程序

         前两篇谈到了Chrome扩展,但是感觉没有说清楚,这次在丰富一下.其实很简单,如果你懂得基本的HTML.CSS.JavaScript,那你就有了扩展Chrome浏览器需要的所有知识. 开始    为了着手创建你的扩展程序,你只需要为你的扩展创建一个文件夹.程序所必须的文件只有manifest.json.,不过也推荐准备一些图片用作图标,和至少一个JavaScript以提供功能.一般来说还会包含HTML文档.样式表.图片等等其他的资源. Manifest文件        每个扩