Chrome(谷歌浏览器) 程序开发32个经常使用插件

Chrome(谷歌浏览器) 程序开发32个经常使用插件

谷歌浏览器(Chrome)在2008年底才公布。但非常快它已成为火狐(Firefox)有力竞争对手。

之前。由于有大量的附加组件的支持,所以火 狐(Firefox)是大多数网页设计者的首选浏览器。谷歌浏览器(Chrome)紧跟其后,相同开发了非常多扩展,特别是针对网页设计者的扩展,数量众 多,包含非常著名的Web Developer扩展。

以下收集的这些扩展,最好还是你也装上试试。

不管是Firefox还是Google Chrome。其强大的扩展都是吸引我们最大的原因之中的一个。以下介绍的是网页设计和网页开发者会经经常使用到的32款 Google Cchrome 扩展。

1. FireBug Lite

Firefox有个很出名的扩展——FireBug,Firebug Lite 就相当于Firefox的FireBug,能够即时预览到编辑、改动 CSS, HTML 和 JavaScript的效果。

2. Resolution Test

Resolution Test 可以改动浏览器窗体的分辨率,从而让网页开发者可以即时预览页面在不同分辨率以下的表现情况。

3. Speed Tracer

Speed Tracer 能够对网页中的元素进行全方位的检測分析。帮你找出网页执行缓慢的因素,以方便站点开发人员优化代码。眼下可在windows 和 Linux 两种操作平台以下执行。

4. Web Developer

Web Developer 能够在浏览器工具条上集成多种网页开发工具。是站点开发者最经常使用的 Google Chrome 扩展之中的一个。安装Web Developer 扩展之后会在浏览器工具栏加入一个图标,点击图标就能够看到非常多的网页开发工具。

5. Pendule

这个插件功能和FireBug非常像,安装 Pendule 扩展后能够对 Google Chrome 内置的开发人员工具进行扩充。

6. Aviary Screen Capture

Aviary Screen Capture 是由 Aviary.com 提供的一个截屏扩展。安装 Aviary Screen Capture 扩展后能够对当前浏览器可见内容进行截屏。然后跳转到Aviary.com 提供的在线图片编辑页面进行编辑,编辑完毕后再保存到本地电脑。

7. Chrome Web Developer Tools

Chrome Web Developer Tools和FireFox Web Developer非常像,和Firefox Firebug的功能接近。

8. Chrome Sniffer

Chrome Sniffer 能够帮助开发人员检查网页在执行时的框架/CMS和javascript库的情况,在检測框架时,地址栏会出现一个图标。

9. Lorem Ipsum Generator

能够产生随机的文本。

10. PlainClothes

PlainClothes能够让你对网页任意进行样式定义,甚至禁用样式。相同。你也能够让文字内容在不论什么页面都自己主动依照你设定的样式进行呈现(在 “选择”>“Under the Hood”>”改变字体和语言”里设置)。

11. Internet Explorer Tab

在某些必须使用IE的情况下,这个插件会很有效。

12. Chrome SEO

Chrome SEO是眼下最全面的Chrome SEO扩展。安装Chrome SEO扩展后。你在訪问一个网页的时候,能够依照不同分类看到相关的SEO有用參数。包含各个搜索引擎的索引数量、反向链接、流量和排名、被各个书签服务 所收藏的次数、被缓存的版本号、域名信息(DNS、Whois、IP等),所有显示在扩展button的弹出菜单里。

13. SEO Site Tools

SEO Site Tools这个 Google chrome 扩展能够校验CSS代码、HTML代码。以及监測Gzip压缩情况等主要的SEO资料,能够鼠标右键取消该功能。

14. META SEO Inspector

能够用来检查网页的meta属性,而且能够监測no-follow链接属性。

15. Validity

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

16. Eye Dropper

Eye Dropper 扩展能够同意用户从当前页面中的不论什么一个像素提取颜色代码,当然扩展本身也自带了一个非常好用的调色板。

17. Color Picker

颜色拾取器,能够高速获取颜色的Hex 和 RGB值。

18. Image Cropper

Google chrome 浏览器的截图扩展。

19. Webpage Screenshot

网页截图扩展,能够把整个页面完整截屏。

20. Picnik

能够让用户很轻松的编辑在浏览网页过程中看到的图片。在网页载入完之后,点击Picnikbutton。用户将能够获得站点图像的缩略图列表。

点击这些缩 略图,图像将在Picnik打开。用户能够进行编辑、凝视和共享等。

21. MeasureIt!

和Firefox的 MeasureIt! 扩展一模一样的功能。能够測量页面上不论什么内容的宽度和高度。

22. Pixlr Grabber

Chrome的众多截屏扩展之中的一个。

既能够对当前正在浏览网页的可视部分进行截屏,也能够对当前正在浏览网页指定区域进行截屏,很多其它为数不多能够对整 个网页进行截屏的扩展之中的一个。

23. Domain Availability Checker

能够高速监測域名是否被注冊。

24. Snippy

能够抓取页面中的部分内容,然后保存下来,供将来仅仅用。最强大的功能在于它能够抓取丰富的内容,并保留格式。所以你用它来抓取文字、图片。链接等诸 多格式的内容,并能够保留到Google Doc 上。

25. FlashBlock

FlashBlock 能够阻止全部的flash内容加载。

等网页加载后你能够点击选择加载flash,或者是下载flash。

26. Built With Technology Profiler

Built With Technology Profiler这个插件能够帮你识别出当前页面都是用了哪些技术。

27. LastPass

LastPass是一个免费的password管理扩展和表格填写扩展,让你上网冲浪更便捷。

28. iMacros

假设你喜欢使用网页浏览器,可是每天反复性訪问同样的站点,让你感到很的厌倦,假设填写表格。忘记password,那么iMacros能帮助你解决问题 的。iMacros自己主动化的设计是在网络上最反复性的任务。

不管你对Firefox做什么。iMacros能够自己主动运行它。网络设计人员能够使用的功能測 试和回归測试网页的Web应用软件

29. Chrome Flags  或 IP Whois & Flags Chrome(推荐)

Chrome Flags功能是将正在訪问的server所在国家的国旗显示在地址栏上。

30. Frame Two Pages

Frame Two Pages能让你在同一个 Chrome 标签中查看两个标签页面的内容,在进行网页对照的时候很实用。

31. Split Screen

Split Screen和Frame Two Pages有点像,能够将 Chrome 的一个标签分为两个页面,而且能够在每一个页面中显示不同的网页。

32. Session Buddy

Session Buddy是一个进程管理扩展。支持保存和查看当前进程,还能显示、更新进程快照,支持崩溃恢复。

时间: 2024-11-10 00:54:01

Chrome(谷歌浏览器) 程序开发32个经常使用插件的相关文章

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

大家都知道JS是运行在客户端的,所以,如果我们自己写一个浏览器的话,是一定可以往下载下来的网页源代码中加入js的.可惜我们没有这个能力.不过幸运的是,chrome的扩展程序可以帮我们做到这件事. Google Chrome是一个很强大的浏览器,提供了各种各样的插件,大大提升了使用了的效率,比如vimium.honx等. Google在提供这些插件的同时还允许用户开发自己的插件. 最近在写js的脚本采集程序,需要测试在网页中的运行情况,因此可以利用Chrome插件进行测试. 本文会做一个chrom

[Chrome] 谷歌浏览器开启开发模式仍然无法安装油猴脚本

右键 > 属性 > 起始位置 > 添加 --enable-easy-off-store-extension-install 谷歌浏览器无法安装油猴脚本:--enable-easy-off-store-extension-install 原文地址:https://www.cnblogs.com/x-you/p/10624928.html

Axure谷歌浏览器Chrome扩展程序下载及安装方法

对于很多需要设计产品原型的朋友来说,Axure RP Pro可谓是非常方便.好用的一款软件,因为它不仅能绘制出详细的产品构思,也能生成浏览器格式的产品原型.但是如果想把原型拿给客户查看,千万记得给浏览器安装Axure扩展程序哦. Axure谷歌浏览器Chrome扩展程序使用说明:打开谷歌内核的浏览器,在浏览器中地址栏中输入chrome://extensions/  或者点击浏览器的右上角选择更多工具->扩展程序,将下载到本地的.crx文件拖入到扩展程序中,点击确定完成安装即可. 注意是拖入!!!

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

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

微信小程序开发视频教程

课程:拜师学艺,微信小程序从入门到大神必经之路(第一季,共四季) 课程观看地址:http://www.xuetuwuyou.com/course/172/lesson/list 课程出自学途无忧网:http://www.xuetuwuyou.com 讲师:风舞烟 课时列表: 第一部_诞生 - 天降大任:名门贵族,互联网开发新宠--小程序横空出世 第1章 : 忽如一夜春风来--小程序的前世今生 课时1:课程开场 课时2:本章目标及任务 课时3:第一回合_小王子出世-微信小程序_小程序为什么这么火

ASP.NET程序开发范例宝典

在整理资料时发现一些非常有用的资料源码尤其是初学者,大部分是平时用到的知识点,可以参考其实现方法,分享给大家学习,但请不要用于商业用途. 如果对你有用请多多推荐给其他人分享. 点击对应章节标题下载本章节下所有源代码. 目录: 第2章 HTML开发与实践 15 2.1 框架的使用 16 实例009 使用FrameSet框架布局聊天室 16 实例010 使用IFrame框架布局企业管理系统 17 2.2 滚屏的实现 18 实例011 滚动显示博客公告 18 实例012 滚屏效果并实现超级链接 20

Chrome浏览器扩展开发系列之十四:本地消息机制Native messagin

Chrome浏览器扩展开发系列之十四:本地消息机制Native messaging 2016-11-24 09:36 114人阅读 评论(0) 收藏 举报  分类: PPAPI(27)  通过将浏览器所在客户端的本地应用注册为Chrome浏览器扩展的"本地消息主机(native messaging host)",Chrome浏览器扩展还可以与客户端本地应用之间收发消息. 客户端的本地应用注册为Chrome浏览器扩展的"本地消息主机"之后,Chrome浏览器会在独立的

桌面程序开发入门(WinForm with C#)

1.使用Visual Studio 2013创建新项目 2.创建一个主窗体和4个子窗体 3.创建一个数据库.一个表.一个存储过程 4.在配置文件里添加数据库连接字符串 5.真正的编码工作. 第一步:创建新项目,一张图片抵一万字!看图说话,呵呵.. 第二步:创建4个子窗体,名称分别是formCommandProc.cs.formDataAdapterProc.cs.formXMLCreate.cs.formXMLRead.cs. 三.创建一个数据库.一个表.一个存储过程.打开MS SQL Serv

Linux及Arm-Linux程序开发笔记(零基础入门篇)

Linux及Arm-Linux程序开发笔记(零基础入门篇)  作者:一点一滴的Beer http://beer.cnblogs.com/ 本文地址:http://www.cnblogs.com/beer/archive/2011/05/05/2037449.html 目录 一.Arm-Linux程序开发平台简要介绍... 3 1.1程序开发所需系统及开发语言... 3 1.2系统平台搭建方式... 4 二.Linux开发平台搭建... 5 2.1安装虚拟工作站... 5 2.2安装Linux虚拟