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扩展必须掌握的一个重要概念。根据扩展要执行的操作,需要在Manifest文件中声明相应的权限。例如,如果需要读写用户的书签,就需要声明"bookmarks"权限。扩展的权限分为三类:常规权限、受限...
Chrome扩展及应用开发是Web开发领域的一个重要分支,它允许开发者利用JavaScript、HTML和CSS等技术,为Google Chrome浏览器创建自定义功能和增强用户体验的工具。Chrome扩展通常分为三种类型:浏览器扩展、主题和...
### Chrome扩展及应用开发知识点概览 #### 一、初步接触Chrome扩展应用开发 - **认识Chrome扩展及应用** - Chrome扩展(Extensions)是一种基于Web技术(HTML、JavaScript、CSS)开发的小型应用程序,旨在增强...
【web3开发】Web3开发工具Chrome扩展(Web3 Developer Tools Chrome Extension) 文件列表: .babelrc (136, 2020-05-31) .eslintignore (51, 2020-05-31) .eslintrc.js (2109, 2020-05-31) .nvmrc (7, 2020-05-31) ....
开发Chrome扩展首先需要了解manifest.json文件,这是每个扩展的核心配置文件,包含了扩展的基本信息,如名称、版本、权限和所需脚本。例如,`manifest_version`字段定义了JSON格式的版本,`permissions`字段指定了...
开发Chrome扩展时,开发者需要遵循特定的文件结构和命名规则。每个扩展都必须包含一个Manifest文件,该文件是扩展的配置文件,定义了扩展的元数据、权限和各种功能点。可选的HTML文件用于定义扩展的界面,而...
总的来说,"web-injection: Chrome扩展程序可将自定义JavaScript注入每个页面"这一主题涵盖了Web开发、浏览器扩展技术以及JavaScript编程的核心知识点,对于想要增强浏览器功能或进行Web自动化操作的开发者来说,这...
Chrome扩展及应用开发是针对谷歌浏览器(Chrome)的个性化增强技术,它允许用户根据自己的需求定制浏览器的功能,提高工作效率和浏览体验。通过学习并掌握这一技术,你可以创建出各种实用的插件,如网页工具栏、广告...
总之,Chrome扩展插件获取Ajax请求记录是一项重要的Web开发技能,它可以帮助开发者优化应用性能,调试网络问题,提升开发效率。了解如何利用Chrome的内置工具和扩展插件进行网络请求分析是每个前端开发者不可或缺的...
总之,开发Chrome扩展并运行本地JS脚本是一种强大的方式来定制浏览器行为,提高工作效率,或者提供独特的用户体验。掌握这些知识点后,你就能自由地构建各种各样的Chrome扩展了。不过,记得遵循Chrome的开发指南,...
2. 开发工具:开发Chrome扩展需要使用Chrome浏览器提供的开发者工具,开发者可以在浏览器的扩展管理页面(chrome://extensions/)中开启开发者模式,然后加载已解压的扩展进行调试。 3. 权限管理:Chrome扩展开发中...
这个过程并不需要深厚的编程背景,只需要基本的Web开发知识就能开始。以下是一些核心的知识点: 1. **Manifest文件**:每个Chrome扩展的核心是`manifest.json`文件,它是一个JSON格式的配置文件,包含了扩展的元...
Chrome扩展开发知识点: 1. Chrome扩展与WebApp的关系:WebApp通常通过扩展的方式实现,本篇文章中的所有内容对扩展和WebApp都适用。扩展的本质是web页面,可以使用浏览器提供的全部API,如XMLHttpRequest、JSON、...
2. **扩展开发环境**:开发Chrome扩展需要设置开发环境,包括安装Chrome开发者版本,启用“开发者模式”,并通过Chrome的`chrome://extensions/`页面加载未打包的扩展(即“加载已解压的扩展程序”)。这个过程涉及...
这个“Chrome扩展程序项目基础.zip”文件提供了一个基础的插件开发框架,对于想要学习或开发Chrome扩展的新手来说非常有用。 首先,我们要了解Chrome扩展的基础构成。一个基本的Chrome扩展通常包含以下几个关键组件...