`

转:25 个 Web 开发人员使用的 Chrome 扩展

阅读更多
25 个 Web 开发人员使用的 Chrome 扩展
http://www.linuxeden.com/html/news/20110426/108924.html

Firebug Lite

Firebug Lite

Firebug Lite是Firebug的一个子集。值得关注的是Firebug Lite支持IE、Opera和Safari这三款主流浏览器。
PlainClothes

PlainClothes

PlainClothes 这款扩展会对页面进行样式渲软,设想一下:文本是黑色的,背景是白色的,未点击链接是蓝色的,访问过的链接 是紫色的,所有的链接都有下划线。或者你把这一切改成你想要的颜色。所有的文本都以你选择的默认字体来显示(这跟通过 “选项” > “高级选项” > “更改字体和语言设置”进行修改的效果是一样的)。修改后的效果会自动应用到所有页面。
Chrome SEO

Chrome SEO

Chrome SEO是目前最全面的Chrome SEO扩展,估计也是用户最多的SEO扩展。在访问一个网页的时候,你可以按照不同分类看到相关的SEO实用参数,包括各个搜索引擎的索引数量、反向链 接、流量和排名、被各个书签服务所收藏的次数、被缓存的版本、域名信息(DNS、Whois、IP等),全部显示在扩展按钮的弹出菜单里,一目了然。
Web Developer

Web Developer

Web Developer 这款扩展集成了各种各样的 Web 开发工具,几乎是网页开发人员必备的 Chrome 扩展,安装之后会在浏览器工具栏添加一个齿轮状的小图标,点击小图标之后就可以看到大量的 Web 开发工具。不过,目前这款扩展还没有提供禁用 Javascript 的功能,因为目前 Chrome 扩展的 API 还不支持该功能。
MeasureIt!

MeasureIt!

MeasureIt! 是一个 Chrome 扩展,可以让你画出一个尺子,然后测量网页页面中任一元素的高度和宽度。
BuiltWith Technology Profiler

BuiltWith Technology Profiler

BuiltWith is an amazing website profiler tool which shows you all the technologies like widgets, frameworks, and hosting software etc used on the web page. This surely will help you to choose the best one you want to implement in your projects.Install Here
Pendule

Pendule

Pendule 对Chrome内 置的开发者工具进行扩充。. Install Here
Portable Chrome

Portable Chrome

Portable Chrome is a petite version of Google Chrome which is ideal for carrying with you in thumb drive. Its a Lighter version but it has all the major features of Chrome. Install Here
Dual View Plugin

Dual View Plugin

Dual View Plugin helps you in multi-tasking as it splits windows in two parts. Thus you can browse and surf on two windows simultaneously.Install Here
TooManyTabs for Chrome

TooManyTabs for Chrome

TMT or TooManyTabs gives you a bird’s eye view of all tabs opened by you. This helps you to get a clear preview of each tab thus saves your precious time in toggling all tabs to check one. Install Here
FastestChrome

FastestChrome

FastestChrome is there to increase your over all productivity and save your precious time. It has various features to make your search easy like it loads all searches at one go, you can check the definitions simply by highlighting the word, and search more conveniently to name a few. Install Here
WOT

WOT

WOT提供了Google, Yahoo!, Bing, Wikipedia和其他流行网站搜索结果的信誉评级,帮助你保护电脑和个人信息。你的在线Email帐户——Google Mail, Yahoo! Mail 和 Hotmail也被保护。
Install Here
WebEdit

WebEdit

When ever you look at any web page, the web developer within you might start thinking how that particular web page look after a certain editing work. With WebEdit you can actually edit any web page temporarily and see the desired changes.
Install Here
Magic Inputs Filler

Magic Inputs Filler

Magic Inputs Filler is again a very useful extension for web developers, who juggle with huge forms containing lots of inputs. Magic Inputs Filler finds all the inputs on the page and tries to fill it according to it’s reasoning. Filling forms was never so simpler. Install Here
Speed Tracer

Speed Tracer

Speed Tracer是一款功能强大的Web性能分析扩展,可以对网页中的元素进行全方位的检测分析,找出你网页运行缓慢的罪魁祸首,以方便开发者优化代码,功能很强大。

Speed Tracer 是能帮助您发现并解决网络应用程序中的性能问题。借助Speed Tracer,您可以更好地了解在应用程序中的哪些地方消耗了时间,并可以解决JavaScript语法分析和执行、CSS式样以及更 多方面的问题。

Install Here
Validity

Validity

Validity empowers you to validate your HTML documents right from the address bar. You don’t even have to leave the web page for validation. Validation warnings will be exhibited with errors in the console. Install Here
Aviary

Aviary

Aviary 截屏扩展可以让你对任何页面进行截图,并通过Aviary.com的网页应用直接在浏览器中对图片进行编辑。另外,它也提供便利方式帮助你访问 Aviary 的网站和上面的工具. Install Here
LastPass

LastPass

Lastpass 这个扩展可以让你上网只记住一个密码,便可以登录所有需要密码的网站。在安装该扩展之后首次登录需要密码的网站时,扩展会自动记录下你的密码,下一次就不需要输入了。虽然会记录你的密码,但这个扩展一定是安全的,所以不必担心安全问题。. Install Here
Shareaholic

Shareaholic

Shareaholic is a perfect tool for people who like to share every news with netizens. You can share different links with in the web page and post it to different social networking sites like delicious, facebook, digg etc from all-in-one browser extension. Install Here
Session Manager

Session Manager

While TooManyTabs gives you the preview of all tabs opened in your current session, Session Manager saves your current Browser state which you can load when ever you want. What more, you can even save multiple sessions. Install Here
Eye Dropper

和同名的 Windows 平台应用软件一样,Eye Dropper 扩展可以允许用户从当前页面中的任何一个像素提取颜色代码,当然扩展本身也自带了一个很好用的调色板。



Install Here
Ibrii

Ibrii

Ibrii allows you to take snippets of photos, videos, embedded objects or simple text on the internet. You can save these details and keep it for future use. Install Here
goo.gl URL Shortener

goo.gl URL Shortener

Most of you must be aware of goo.gl URL Shortener. It shortens your website URL with the Google URL Shortener service to keep the URLsshort and sweet. Install Here
Resolution Test

Resolution Test

Being a web developer, you have to check number of times, how a page will look in different screen resolutions. Resolution Test check web pages in different resolutions. You can also set your own resolutions along with the predefined ones. Install Here
FlashBlock

FlashBlock


文章来源:开源中国社区
分享到:
评论

相关推荐

    Chrome扩展及应用开发

    Chrome扩展及应用开发是Web开发领域的一个重要分支,它允许开发者利用JavaScript、HTML和CSS等技术,为Google Chrome浏览器创建自定义功能和增强用户体验的工具。Chrome扩展通常分为三种类型:浏览器扩展、主题和...

    web-injection:Chrome扩展程序可将自定义JavaScript注入每个页面

    总的来说,"web-injection: Chrome扩展程序可将自定义JavaScript注入每个页面"这一主题涵盖了Web开发、浏览器扩展技术以及JavaScript编程的核心知识点,对于想要增强浏览器功能或进行Web自动化操作的开发者来说,这...

    chrome扩展及应用开发

    Chrome扩展及应用开发是针对谷歌浏览器(Chrome)的个性化增强技术,它允许用户根据自己的需求定制浏览器的功能,提高工作效率和浏览体验。通过学习并掌握这一技术,你可以创建出各种实用的插件,如网页工具栏、广告...

    chrome扩展插件获取ajax请求记录

    总之,Chrome扩展插件获取Ajax请求记录是一项重要的Web开发技能,它可以帮助开发者优化应用性能,调试网络问题,提升开发效率。了解如何利用Chrome的内置工具和扩展插件进行网络请求分析是每个前端开发者不可或缺的...

    ChromeExtensionDocument:chrome插件中文开发文档.zip

    开发Chrome扩展首先需要了解manifest.json文件,这是每个扩展的核心配置文件,包含了扩展的基本信息,如名称、版本、权限和所需脚本。例如,`manifest_version`字段定义了JSON格式的版本,`permissions`字段指定了...

    chrome扩展程序开发/chrome运行本地JS脚本

    总之,开发Chrome扩展并运行本地JS脚本是一种强大的方式来定制浏览器行为,提高工作效率,或者提供独特的用户体验。掌握这些知识点后,你就能自由地构建各种各样的Chrome扩展了。不过,记得遵循Chrome的开发指南,...

    chrome扩展及应用开发pdf

    Chrome扩展及应用开发是Web开发领域的一个重要分支,主要涉及如何利用Chrome浏览器提供的API和框架来构建自定义功能的插件或应用程序。这份名为“Chrome扩展及应用开发”的PDF资料,很可能是对这一主题的全面讲解,...

    chrome调试扩展

    2. **扩展开发环境**:开发Chrome扩展需要设置开发环境,包括安装Chrome开发者版本,启用“开发者模式”,并通过Chrome的`chrome://extensions/`页面加载未打包的扩展(即“加载已解压的扩展程序”)。这个过程涉及...

    Chrome扩展程序项目基础.zip

    这个“Chrome扩展程序项目基础.zip”文件提供了一个基础的插件开发框架,对于想要学习或开发Chrome扩展的新手来说非常有用。 首先,我们要了解Chrome扩展的基础构成。一个基本的Chrome扩展通常包含以下几个关键组件...

    Chrome扩展及应用开发-高清扫描-chrome插件开发必看

    一个基本的Chrome扩展通常包括以下几个部分: 1. **manifest.json**:这是扩展的核心配置文件,包含了扩展的元数据(如名称、版本、权限等)以及扩展的各个组件引用。 2. **背景脚本(background script)**:后台...

    Chrome扩展小程序源代码

    通过深入研究这个实时时间小程序的源代码,你可以了解到如何在Chrome环境中创建和更新动态UI,如何使用JavaScript处理时间和日期,以及如何将这些元素整合到一个完整的Chrome扩展中。这将有助于提升你的前端开发技能...

    使用VueCLI轻松启动chrome扩展项目

    由于我们的目标是开发Chrome扩展,所以我们需要安装Vue CLI的一个插件——`vue-cli-plugin-chrome-ext`。在项目目录下运行`vue add chrome-ext`,这会将必要的配置和文件添加到项目中,包括manifest.json(扩展的...

    webpack-chrome-extension-reloader::fire:在使用webpack开发Chrome扩展程序时进行热重装:fire:

    免责声明此存储库和软件包已归档,建议使用Webpack Chrome扩展程序重新加载器一个Webpack插件,可在开发Chrome扩展程序时启用热重载。正在安装npm npm install webpack-chrome-extension-reloader --save-dev纱yarn ...

    使用TypeScript和React快速构建Chrome扩展的样板项目

    在现代Web开发中,TypeScript和React已经成为构建高效、可维护的应用程序的首选工具。本文将深入探讨如何利用这两者来快速构建一个Chrome扩展的样板项目。Chrome扩展允许开发者为Google Chrome浏览器添加自定义功能...

    chrome扩展实例

    首先,创建一个Chrome扩展的基本结构包括以下几个文件: 1. **manifest.json**:这是扩展的核心配置文件,包含了扩展的基本信息,如扩展ID、名称、版本、权限和所需脚本等。 2. **背景脚本(background script)**...

    Google官方chrome开发案例

    1. **manifest.json**:这是每个Chrome扩展的核心,它是一个JSON格式的文件,包含了扩展的基本信息,如扩展名、版本、权限、内容脚本、背景脚本等。 2. **HTML/CSS**:用于构建用户界面,HTML定义了页面结构,CSS则...

    附带NPAPI插件的Chrome扩展及代码

    2. **Chrome扩展开发**: 学习Chrome扩展的结构和生命周期,如何使用manifest.json文件配置扩展,以及如何使用JavaScript API与浏览器进行交互。 3. **安全与兼容性**: 了解NPAPI的安全风险,以及如何在现代浏览器...

Global site tag (gtag.js) - Google Analytics