`
fjguodong
  • 浏览: 39796 次
社区版块
存档分类
最新评论

转载:开发者不容错过的几个谷歌Chrome插件

阅读更多

谷歌Chrome自推出以来已经从一个简单的浏览器演变成一个复杂的浏览器,这得益于根据浏览器写出的非常有用和强大的扩展。作为一名开发人员,我们关注的是网页设计和开发部分的那些插件对我们有帮助,几个比较熟悉的插件像Firebug Lite和Web Developer大家都知道,我就不扯了,今天扯一下那些你可能不知道的对于开发非常有帮助的插件,在此做个总结,看看你用过几个,我敢肯定你会发现它们非常有用。

 

Refresh Monkey

在设定的时间间隔自动刷新页面。监视页面的变化,如果有变化的会通知你。

 

Koding

Koding(又名Kodingen)是一个在线的开发环境程序,功能包括代码编辑器,云主机,数据库管理,访问基于Web的文件系统,FTP和SVN集成和协作等。

 

BuiltWith Technology Profiler

BuiltWith是一个网站分析工具。找到一个网页后,BuiltWith可以返回它能在这个页面中找到的所有的技术。BuiltWith的目标是帮助开发者、研究者和设计者找出网页使用的是什么技术,这可能有助于他们决定在自己的项目中使用什么技术

 

Handcraft

Handcraft是一个基于Web的原型设计和前端开发人员交互设计工具。把你的设计在浏览器中使用HTML,CSS和Javascript,手工交互原型,。

 

Aviary Image Editor

这是一款非常类似于 Photoshop 的网页图像编辑程序,默认安装了30多种图片编辑工具,这是一种非常有用和有趣的基于Web的图像编​​辑器,可修复和处理照片。

 

Speed​​ Tracer

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

 

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

 

WOT

当您在网上浏览和购物时,WOTt 可以保护您的安全。 在您单击网站链接之前,WOT 用颜色标记的符号可帮助您远离在线*诈*骗*、身份信息窃取、不可靠的购物网站以及安全威胁。保护您的计算机以免受到间谍软件、广告软件和病毒等在线威胁的危 害; 提醒您在线*诈*骗*、包含成人内容的网站以及垃圾邮件; 防止因不可靠的在线供应商、仿冒*诈*骗*企图和身份信息欺诈而造成金钱损失, 它不仅使用方便而且是免费的

 

CSS Reloader

CSS Reloader是浏览器的扩展,它允许您重新加载CSS,而无需重新加载页面本身。

 

Wunderlist

Wunderlist是一个云端任务管理工具,支持iPhone、iPad、Android、Windows、Mac OSX、Web轻松同步。实现了真正意义上的跨平台操作。实用性、可操作性堪称一流。

 

Live CSS Editor

这个扩展提供显示任何HTML页面上的文本框,自由编辑CSS代码,并立即看到结果。我每天都使用它进行快速编辑。

 

Browser Compatibility Detector

Browser Compatibility Detector为桌面浏览器(IE,火狐,Chrome浏览器,Opera等)解决不兼容问题。

 

HootSuite

来自HootSuite独特的社会媒体插件,您可以发布Twitter,Facebook,LinkedIn,Foursquare WordPress等程序内容。另外,您可以很容易地查看热门话题,而无需切换的网站或应用程序。

 

YSlow

YSlow它提供了提高页面的性能的建议,总结页面的组件,将统计信息显示在页面。

 

HTML Instant

实时编辑HTML代码。在左侧窗口中只需输入HTML,CSS,Javascript代码,在右窗格中,你会看到立竿见影的效果。

 

Dev HTTP Client

Dev HTTP Client,使开发人员更容易直接发现HTTP资源,处理和测试。除了这些主要功能,他还支持发送/接收自定义的HTTP请求/响应,它允许永久地请求保存到本地存储库中以便以后重复使用。

 

 

 

破洛洛文章简介:谷歌Chrome自推出以来已经从一个简单的浏览器演变成一个复杂的浏览器,这得益于根据浏览器写出的非常有用和强大的扩展。作为一名开发人员,我们关注的是网页设计和开发部分的那些插件对我们有帮助,几个比较熟悉的插件。

 

 

AdBlock

阻止所有网页上的所有广告,包括Facebook,YouTube和Hulu。自定义地址的时候只需点击“添加到Chrome浏览器”,您的浏览器会自动更新添加到过滤器:然后访问您最喜爱的网站,广告会消失!

 

IE Tab

它完全模拟IE浏览器直接在Chrome中使用IE的渲染引擎。这使您能够使用ActiveX控件测试您的网页使用不同版本的IE浏览器(IE6,IE7,IE8,IE9)中的兼容性。

 

Google Tasks

 

Cloud9

Cloud9 IDE是一个基于Node.JS构建的JavaScript程序开发 Web IDE。它拥有一个非常快的文本编辑器支持为JS, HTML, CSS和这几种的混合代码进行着色显示。Cloud9 IDE还为node.js和Google Chrome集成调试器可以在IDE中启动、暂停和停止。能够在云计算环境中测试和部署你的代码。使用WebDAV,它还可以连到远程工作台。 Cloud9 IDE拥有一个插件系统用来扩展现有功能,当前该IDE已经捆绑好几个插件,甚至还有支持使用TextMate主题化。

 

Screen Capture

screen Capture是一款谷歌Chrome浏览器上的附加组件,主要用于协助用户截取网站图片。用户可以通过设置来截取自己所需的不同类型的图片。譬如你可以为整个网站截取图片,又或者仅仅是截取你所见到的网站的图片。截取的图片会以PNG格式保存到选择的文件夹中。

 

CSSCAN

点击扩展按钮后,鼠标悬停在页面上,即可显示对应区域的CSS样式,适用于Web开发人员。 此扩展目前尚不支持兼容模式下的网页。

 

Springpad

 

 

Springpad是一个免费的应用程序,可快速,容易做笔记并保存任何您想记住一个地方 - 从任务和产品名单,地点,电影,食谱等。会自动组织并增强您有用的链接和相关优惠,以节省您节省时间和金钱。您可在你Android设备及网页上同步并访问您所保存的东西。

 

Producteev

Producteev是 新一代的在线任务管理应用程序,目标是极大的简化你和你的团队的工作方式。使用Producteev,你可以查看你的的同事们的活动状况和新闻feed, 在一个完全可定制的拖放式管理面板中实时管理你的项目,和和你的团队进行协作,以及其它直观的社会化功能,共享和评价等等。

 

Postman – REST Client

Postman是一个工具的帮助开发人员提高工作效率的API,他是一个功能强大的的HTTP REST客户端,是前端模拟发送数据/调试的好工具。

 

MultiSwitch

你需要在开发阶段、测试阶段、应用阶段随时切换时,“MultiSwitch”强烈推荐!

 

Pendule

 

ShiftEdit

ShiftEdit是一个在线的PHP,Ruby,Java,HTML,CSS和JavaScript编辑器(S)内置的FTP和Dropbox。是Web开发的理想选择。

 

SEO & Website Analysis

SEO report是谷歌浏览器™一个扩展,通过WooRank,对于任何给定的网站,提供了一个详细的SEO报告。

 

WooRank为你的网站排名提供了许多搜索引擎优化技巧,雅虎 谷歌 Bing等。,对于网络营销专业人士,编码人员,设计人员,开发(Web开发人员)来说这是一个强大的工具

 

WhatFont

最简单的方法找出在网页中使用的字体是什么?有了这个扩展,你可以检查检查网页字体。就是这么的简单。

 

Neo Vision

 

Wave Accounting

WaveaCcounting软件为小企业提供复式会计、发票、费用跟踪和财务仪表盘的数据,而在这以前小企业不得不依靠电子表格跟踪账单。WaveaCcounting软件是免费的,通过广告和在Web端用户提供赚钱。

 

原文地址:http://www.poluoluo.com/jzxy/201301/194875.html

分享到:
评论

相关推荐

    Chrome 开发者工具中文手册

    Chrome开发者工具是Google Chrome浏览器内置的一套强大的网页开发和调试工具,它为前端开发者提供了丰富的功能,包括元素检查、网络监控、源代码编辑、性能分析等。这份“Chrome开发者工具中文手册”旨在帮助用户...

    Google Chrome 开发者版.zip

    3. **多进程架构**:Chrome采用多进程架构,每个标签页、插件和扩展都运行在独立的进程中,这增强了浏览器的稳定性和安全性,防止一个页面崩溃影响其他页面。 ### Chrome开发者版特点 1. **最新特性**:开发者版会...

    chrome插件XSwitch chrome插件XSwitch

    Chrome插件XSwitch是一款专为谷歌浏览器Chrome设计的扩展程序,它主要服务于前端开发者和网页浏览用户,提供了方便快捷的浏览器扩展切换功能。在日常工作中,我们常常需要在多个Chrome插件之间快速切换以满足不同的...

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

    "ChromeExtensionDocument:chrome插件中文开发文档.zip"是一个包含详细中文指南的压缩包,旨在帮助开发者理解并创建自己的Chrome插件。 开发Chrome扩展首先需要了解manifest.json文件,这是每个扩展的核心配置文件...

    Chrome Extension (Chrome插件)开发官方最新文档(20190401)

    Chrome扩展(Chrome插件)是谷歌浏览器上的应用程序,它们能够增强和定制用户的浏览体验。这些插件是由HTML、CSS和JavaScript构建的,并通过Chrome的API与浏览器进行交互,实现诸如网页拦截、数据存储、用户界面修改...

    chrome插件js注入网页demo

    这两个标签揭示了主要的技术领域:Chrome插件开发和JavaScript注入。Chrome插件开发涉及HTML、CSS和JavaScript技术,以及使用manifest.json文件来定义插件的元数据和权限。而JavaScript注入则涉及到如何利用Chrome...

    chrome浏览器插件例子

    - 插件架构:Chrome浏览器插件基于Chrome的扩展框架,主要由manifest.json文件、背景脚本、内容脚本、选项页面、弹出窗口、图标等组成。 - Manifest文件:这是插件的核心配置文件,定义了插件的元数据、权限、功能...

    Chrome插件开发3.0

    10. **更新机制**:Chrome插件支持自动更新,开发者需要了解如何配置更新URL和版本控制,以确保用户能够获取到最新版本的插件。 综上所述,Chrome插件开发3.0涉及的技术面广泛,从基础的Web开发技能到Chrome特有的...

    chrome自动填写表单插件

    1. **Chrome扩展开发**:Chrome插件是基于浏览器扩展API(如manifest.json、content scripts、background scripts等)构建的。开发者需要理解如何在manifest.json中配置插件的基本信息,如权限、运行脚本、图标等,...

    JSONView Chrome插件

    2.打开谷歌浏览器的扩展程序界面,在谷歌浏览器地址栏中输入:chrome://extensions/ 3.选中开发者模式,点击【加载正在开发的扩展程序…】,选择插件目录(D:\JSONView-for-Chrome-master\WebContent);

    京东秒杀助手chrome插件.zip

    《京东秒杀助手Chrome插件开发详解》 在电商领域,秒杀活动一直是吸引消费者、提升销售的重要手段。然而,面对瞬间售罄的商品,即便是手速极快的用户也往往难以抢购成功。这时,一些技术爱好者开发了“京东秒杀助手...

    各种网页自动签到脚本 | google chrome 插件

    2. **插件开发**:Chrome插件的开发需要熟悉Chrome的Extension API,这些API提供了与浏览器交互的能力,比如访问浏览器存储、监听网页事件、注入JavaScript代码等。 3. **安全性与隐私**:虽然自动签到脚本能带来...

    Chrome插件开发完整demo

    Chrome插件,也被称为Chrome扩展,是Google Chrome浏览器上的应用程序,可以增强或修改浏览器的功能。这个"Chrome插件开发完整demo"提供了一个完整的实例,帮助开发者深入理解如何构建自己的Chrome扩展。下面,我们...

    chrome 必备插件下载

    "chrome 必备插件下载"这个主题指向的是为了提高浏览体验、提升工作效率或满足特定需求而安装的一些关键Chrome插件。这些插件可以通过Chrome的扩展管理页面(chrome://extensions/)进行轻松安装,只需要将下载的CRX...

    稀土掘金功能扩展chrome插件.zip

    1. **浏览器扩展开发**:Chrome插件基于Web技术如HTML、CSS和JavaScript构建,通过manifest.json文件定义其元数据、权限和运行规则。开发者需要理解Chrome API,如chrome.storage用于数据存储,chrome.tabs用于与...

    谷歌插件,用于网页跳转

    2. **Chrome插件结构**:一个Chrome插件通常包含以下几个部分: - `manifest.json`:插件的配置文件,定义了插件的元数据,如版本号、权限、图标等。 - JavaScript代码(如`background.js`):运行在后台的脚本,...

    跨域cors扩展插件chrome

    描述中提到的“备用下”,意味着这个插件可能是开发者在主用工具失效或者不方便使用时的备选方案。“好不容易找到”表示这类插件可能并不常见,或者对用户来说有特殊价值。“有个太贵了,一个积分意思意思”暗示存在...

    简单的chrome插件,实现自动登录.

    Chrome插件是Google Chrome浏览器的一种扩展程序,它们可以增加或修改浏览器的功能,以满足用户的个性化需求。本案例中,我们关注的是一个简单的Chrome插件,它的功能是实现自动登录。这个插件对于经常需要访问多个...

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

    在IT领域,尤其是在Web开发中,Ajax...了解如何利用Chrome的内置工具和扩展插件进行网络请求分析是每个前端开发者不可或缺的知识点。通过熟练掌握这些工具和技巧,开发者能够更好地理解和改进他们的Web应用程序。

Global site tag (gtag.js) - Google Analytics