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

[转载]15个对开发人员有用的Chrome扩展插件

阅读更多

使用Chrome的扩展插件使得我们的日常工作不再那么的乏味。虽然Chrome给我们提供了很多内置的扩展,似乎我们不再需要其他更多的工具了,但我们还是想向你介绍15个对WEB开发人员最佳的Chrome扩展插件。 

1.Web Developer 
为Chrome的Web开发者扩展增加了一个不同的工具栏,提供了一些不同的工具。绝对是开发人员最有用的浏览器扩展之一。 


 


2.Responsive Web Design Tester 
The Responsive Web Design Tester 是一个非常棒的浏览器扩展,使你可以快速的查看你的网站在不同设备和不同浏览器下的状态。 


 


3. Window Resizer 
Window Resizer 扩展允许您调整浏览器窗口。单击菜单栏中的图标会产生一个可以自定义窗口大小的下拉菜单。 


 


4. ColorPick Eyedropper 
ColorPick Eyedropper 是一个简单的颜色选择器工具,允许您从任何web页面选择颜色值。 


 


5. CSSViewer 
CSSViewer是一个简单的CSS属性查看器。它提供了一个浮动面板,该面板显示鼠标悬浮在的元素的标识,以及它的字体、文本、颜色、背景、框、定位和效果属性。CSSViewer提供你所需要的基本的CSS信息。 


 


6.Lorem Ipsum generator 
The lorem ipsum 生成器所做的就像它的名字一样。它提供了一种简单快速的方式创建默认的文本。如果你需要一些默认的文本作为一个占位符的话,这绝对是一个好的选择。 


 


7. Ghostery 
Ghostery是一个Chrome扩展,可以在网站上检测追踪器,像素,和任何其他嵌入式代码片段。你立即看到你访问过的网页安装了哪些插件和追踪器。另外,Ghostery可以保护您的隐私,它不需要注册即可使用。 


 


8. Wappalyzer 
Wappalyzer同Ghostery一样的浏览器扩展,揭示了网站上使用的技术。它可以检测到内容管理系统、电子商务平台、web服务器、JavaScript框架,分析工具等等。 


 


9. Usersnap 


 


10.IE Tab 
需要做一些IE测试又不想安装各种不同的IE版本吗?试试 IE Tab 这个Chrome扩展吧,它直接在Chrome中通过模拟IE渲染引擎来模拟IE浏览器。你可以直接在chrome浏览器测试你的网站对于IE6,IE7,IE8或IE9的显示情况。 

不幸的是,该扩展目前只有Windows系统下可用。 


 


11.Site Spider 

如果你需要找到你的网站的失效链接,想限制搜索一个特定的目录,你需要Site Spider。 


 


12. Session Manager 

当你做WEB开发工作的时候,浏览器标签管理是一个非常有用的技能。会话管理扩展可能是你需要的。它可以保存你的浏览状态并在以后重新打开。如果你需要重复打开某些页面的话,这个插件将是非常有用的。 


 


13.Clear Cache 

这个非常有用的Chrome扩展可以让你从工具栏清除缓存。它的“幕后”的含义没有弹窗或确认对话框来分散你的注意力。这些数据是可定制的,包括应用程序缓存、下载、文件系统、表单数据,历史、本地存储、密码等等。


 


14.JSONView 

作为一名使用RESTful api的开发人员,阅读原始JSON数据浏览器会很尴尬。JSONView这个Chrome扩展帮助您在浏览器中以树视图查看JSON文档,而不是在它的原始状态。 


 


15.Image Downloader 

想直接下载网站上的图片?我建议你看看 Image Downloader 这个插件。它让你批量下载所有图片。也可以过滤网页的图片宽度、高度、URL。 


 



本文由Specs翻译整理,译文来自:Coder资源网

分享到:
评论

相关推荐

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

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

    Chrome扩展插件开发Manifest V3案例:把某招聘网站上的招聘信息导出Excel

    在本文中,我们将深入探讨如何使用Chrome扩展插件开发技术,特别是Manifest V3规范,将特定招聘网站的数据导出到Excel文件。这个案例是前端开发者掌握Chrome插件开发的一个实用示例,它涉及到网页数据抓取、数据处理...

    Chrome插件开发.pdf

    Chrome 插件开发概述 Chrome 插件开发是指在 Google Chrome 浏览器上开发小程序的过程,这些小程序可以增强浏览器的功能,提供更多的功能和服务。下面是 Chrome 插件开发的基本概念和步骤: 一、基本概念 * ...

    Axure RP Chrome 0.6.4 Axure Chrome扩展插件

    Axure RP Chrome 0.6.4 原型工具Chrome扩展插件,支持最新版本Chrome浏览器,安装方法如下(亲测可用): 1、打开谷歌浏览器,在浏览器中地址栏中输入chrome://extensions/,或者点击浏览器的右上角选择更多工具,...

    Chrome插件开发完整教程

    总的来说,开发Chrome插件是一项结合了Web开发和浏览器扩展技术的工作,对于前端开发者来说,是一个值得学习和探索的领域。通过学习和实践,你可以创建出富有创意和实用性的Chrome插件,为你的网络生活带来便利。

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

    总的来说,这个压缩包是Chrome插件开发者的宝贵资源,涵盖了从基础概念到高级技巧的各种知识,对于想要涉足Chrome扩展开发的C#程序员来说,是一份极好的学习材料。通过学习和实践,开发者可以创建出满足特定需求的...

    CHROME扩展及应用开发 完整版.pdf

    CHROME扩展及应用开发 完整版.pdf

    chrome插件开发-页面对象注入及本地通信

    在本主题"chrome插件开发-页面对象注入及本地通信"中,我们将深入探讨两个关键概念:页面对象注入和本地通信,这两个概念是Chrome插件开发中的重要组成部分。 **页面对象注入** 页面对象注入是指将JavaScript对象或...

    chrome插件XSwitch chrome插件XSwitch

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

    Chrome插件-有道词典划词扩展插件

    Chrome插件-有道词典划词扩展插件,适用于有英文翻译需求的人员,可以方便快捷的即时翻译,协助英文阅读。

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

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

    chrome插件开发,完整demo

    chrome插件开发,完整demo,包含 这是一个popup页面! background 打开background 调用background页JS方法 获取background页的标题 设置background页标题 (验证background生命周期和单实例特性) 窗口操作演示 新窗口...

    chrome浏览器扩展插件广告终结者

    Chrome浏览器扩展插件“广告终结者”是一款专为优化网络浏览体验而设计的强大工具,尤其针对广告的拦截和屏蔽。这款插件的核心功能是通过智能过滤规则,有效地阻止各种网页广告,包括弹窗广告、横幅广告、视频广告等...

    Chrome插件开发3.0

    Chrome插件开发3.0是关于构建和优化Google Chrome浏览器扩展程序的一门技术主题。随着互联网的快速发展,浏览器插件已经成为提升用户体验、增强浏览器功能的重要工具。Chrome作为全球最受欢迎的浏览器之一,其丰富的...

    chrome插件开发 - tab页面切换插件

    Chrome插件开发是一个充满创新和实用性的领域,它允许开发者为全球最大的网络浏览器之一——Google Chrome,添加自定义功能和增强用户体验。在这个“chrome插件开发 - tab页面切换插件”项目中,我们关注的焦点是...

    chrome插件开发入门教程

    Chrome 插件开发入门教程 Chrome 插件开发入门教程旨在帮助...本教程旨在为开发者提供一个快速入门 Chrome 插件开发的指南,涵盖了插件开发的基本概念、Manifest 文件的结构、模式匹配、开发和调试等方面的知识点。

    Chrome扩展及应用开发.pdf

    在探讨Chrome扩展及应用开发这一主题时,首先要明确几个核心概念和相关技术。Chrome扩展是为了增强和自定义Chrome浏览器功能的一类程序,而Chrome应用则是在Chrome浏览器上运行的程序。两者虽然在某些情况下可以相互...

    Chrome扩展开发文档

    Chrome扩展开发文档是针对开发者提供的详细指南,内容覆盖了从开发流程到注意事项的各个方面。文档首先介绍了Chrome扩展的基本概念和构成元素,包括Manifest文件、HTML、CSS、JavaScript脚本、图片以及其他资源文件...

Global site tag (gtag.js) - Google Analytics