`
iaiai
  • 浏览: 2181314 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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。
  • 大小: 28.9 KB
  • 大小: 17.1 KB
  • 大小: 14.1 KB
  • 大小: 21.3 KB
  • 大小: 17.3 KB
  • 大小: 35.4 KB
  • 大小: 25.2 KB
  • 大小: 24.3 KB
  • 大小: 20.9 KB
  • 大小: 18.2 KB
  • 大小: 12.6 KB
  • 大小: 25 KB
  • 大小: 13.6 KB
  • 大小: 15.6 KB
  • 大小: 24.4 KB
分享到:
评论

相关推荐

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

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

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

    总结来说,这个案例涵盖了Chrome扩展插件开发的多个核心知识点,包括Manifest V3的新特性、Service Worker的使用、网页数据抓取、数据处理以及文件导出。通过实践这个案例,开发者不仅可以掌握基本的插件开发技能,...

    Chrome插件开发.pdf

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

    跨域cors扩展插件chrome

    标题中的“跨域cors扩展插件chrome”指的是用于解决Web应用程序跨域问题的Chrome浏览器扩展。在Web开发中,由于浏览器的同源策略限制,不同源的资源(比如域名、协议或端口不同)之间无法直接进行交互。CORS(Cross-...

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

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

    Chrome插件开发完整教程

    开发Chrome插件并不需要特定的项目结构或IDE,只需保证根目录下有一个`manifest.json`文件即可。通过Chrome浏览器的“更多工具” -> “扩展程序”或直接访问`chrome://extensions/`,可以进行插件的管理和加载。...

    chrome插件开发文档-详细pdf版.7z

    Chrome插件,也被称为Chrome扩展,是Google Chrome浏览器上的应用程序,可以增强或修改浏览器的功能。它们通常是用HTML、CSS和JavaScript编写,通过Chrome的API(应用程序接口)与浏览器交互,提供用户自定义的浏览...

    chrome插件XSwitch chrome插件XSwitch

    Chrome插件XSwitch是一款专为谷歌浏览器Chrome设计的扩展程序,它主要服务于前端开发者和网页浏览用户,提供了方便...无论你是开发人员还是普通用户,XSwitch都能帮你更有序、更快速地管理和使用你的Chrome扩展程序。

    chrome扩展插件的3个例子帮助入门

    Chrome扩展插件是基于Google Chrome浏览器的个性化工具,它们可以扩展浏览器的功能,提供各种各样的便利,如增强网页浏览体验、提升工作效率或者增加娱乐性。本文将通过三个实例,帮助初学者快速入门Chrome插件的...

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

    Chrome插件,也称为Chrome扩展,是用于增强和定制Google 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插件开发3.0

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

    CHROME扩展及应用开发 PDF 带目录 高清完整版

    扩展权限是开发Chrome扩展必须掌握的一个重要概念。根据扩展要执行的操作,需要在Manifest文件中声明相应的权限。例如,如果需要读写用户的书签,就需要声明"bookmarks"权限。扩展的权限分为三类:常规权限、受限...

    chrome插件开发入门教程

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

    Chrome扩展及应用开发.pdf

    方觉创建的***为开发Chrome扩展和应用的开发者提供了宝贵的资源,方觉本人还对本书提供了语言和知识方面的双重校对。吕鹏和李典作为作者的互联网朋友,也对作者的写作和项目贡献了重要的力量。此外,ChanCheongPin的...

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

    综上所述,"Chrome扩展及应用开发"这本书应该覆盖了从基础概念到高级技巧的全方面内容,对于想要学习或提升Chrome插件开发能力的人来说,是一份宝贵的资源。通过阅读并实践书中的示例,你将能够创建出功能强大、个性...

    Chrome扩展开发文档

    开发Chrome扩展时,开发者需要遵循特定的文件结构和命名规则。每个扩展都必须包含一个Manifest文件,该文件是扩展的配置文件,定义了扩展的元数据、权限和各种功能点。可选的HTML文件用于定义扩展的界面,而...

    Chrome扩展及应用开发

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

Global site tag (gtag.js) - Google Analytics