chrome插件2

转自:http://www.codeceo.com/article/15-chrome-extension.html

1. Web Developer

支持Chrome的Web Developer扩展,允许你通过添加一个小工具栏来使用不同的工具。

官方网站:https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

2.Responsive Web Design Tester

Responsive Web Design Tester是一个超棒的扩展,能快速浏览你的网站在不同浏览器和设备上的行为。

官方网站:https://chrome.google.com/webstore/detail/responsive-web-design-tes/objclahbaimlfnbjdeobicmmlnbhamkg?hl=en%20

3.Window Resizer

Window Resizer扩展,允许你快速调整浏览器窗口。点击菜单栏上的图标会产生一个可自定义窗口的下拉菜单。

官方网站:https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en%20

4. ColorPick Eyedropper

ColorPick Eyedropper是一个简单的颜色拾取工具,允许你从任意网页中选择颜色值。

官方网站:https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en%20

5. CSSViewer

CSSViewer是一个简单的CSS属性查看器。它有一个浮动面板,上面不但指明鼠标所在之地的身份,还提供其字体、文本、颜色、背景、框、定位和效果属性的说明。 CSSViewer可以快速提供你所需要的基本CSS信息。

官方网站:https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=en

6. Lorem Ipsum Generator

Lorem Ipsum Generator提供了一种创建默认文本方便又快捷的方法。如果你需要一些默认文本作为占位文本,那它毫无疑问会是你快速达到目的的工具。

官方网站:https://chrome.google.com/webstore/detail/lorem-ipsum-generator-def/mcdcbjjoakogbcopinefncmkcamnfkdb?hl=en%20

7. Ghostery

Ghostery是一个强大的Chrome扩展,可检测跟踪器、像素,以及网站上嵌入的片段。通过Ghostery,你可以立即知道你访问过的网页上安装了什么插件和跟踪器。并且Ghostery还能保护你的隐私。使用此Chrome扩展无需注册或登录。

官方网站:https://chrome.google.com/webstore/detail/ghostery/mlomiejdfkolichcflejclcbmpeaniij?hl=en%20

8. Wappalyze

和Ghostery类似,Wappalyzer Chrome扩展能让你知道任何特定网站上安装了什么软件。它能揭示技术和内容管理系统、电子商务平台、Web服务器、JavaScript框架和已安装的分析工具。

官方网站:https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en%20

9. Usersnap

Usersnap Chrome扩展可以让你直接在浏览器中捕捉和注释任何网页。此Chrome扩展使得提供反馈原型和错误报告变得特别简单。并且所有创建的屏幕截图直接存储在你的项目仪表板上。

官方网站:https://chrome.google.com/webstore/detail/usersnap-annotate-screens/khehmhbaabkepkojebhcpjifcmojdmgd?hl=en%20

10. IE Tab

需要做一些手动的测试IE,但是却不想安装任何的Internet Explorer版本?那就使用支持Chrome的IE Tab扩展吧,它可以直接在Chrome中使用IE渲染引擎模仿IE。你可以直接在你的Chrome浏览器中测试支持IE6、IE7、IE8和IE9的网站。

不过,此IE Tab Chrome扩展目前仅适用于Windows系统。

官方网站:https://chrome.google.com/webstore/detail/ie-tab/hehijbfgiekmjfkfjpbkbammjbdenadd?hl=en%20

11. Site Spider

如果你想要寻找网站中断掉的链接,并限制在一个特定的目录中搜索,那么你需要Site Spider。

官方网站:https://chrome.google.com/webstore/detail/site-spider-mark-ii/gedjofgioahckekhpgknhchelbpdogok?hl=en%20

12.Session Manager

浏览器标签管理是用于web的一个非常棒的技术。Session Manager可以节省你的浏览状态,让你之后可以重新打开session。特别是如果你需要一遍又一遍地打开同一网页,这就非常有用了。

官方网站:https://chrome.google.com/webstore/detail/session-manager/bbcnbpafconjjigibnhbfmmgdbbkcjfi?hl=en%20

13.Clear Cache

这扩展特别有用,能让你从工具栏中清除缓存。它在后台工作,这意味着不会有任何弹窗和确认对话框来让你分心。你还可以根据你所需要清除的数据定制Clear Cache,这些数据包括应用程序缓存、下载、文件系统、表单数据、历史、本地存储、密码等等。

官方网站:https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en%20

14. JSON View

作为一名使用RESTful API的开发人员,在浏览器上阅读原始的JSON数据可以说是相当尴尬的。树视图比原始状态更便于阅读JSON。 此Chrome扩展——JSON View可以帮助你在浏览器中查看JSON文件。

官方网站:https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en%20

15. Image Downloader

需要从网站上下载图片?那么我建议你试试支持Chrome的Image Downloader扩展。它能够让你批量下载所有的图片。您也可以通过宽度、高度、URL过滤网页图片。

官方网站:https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj%20

译文链接:http://www.codeceo.com/article/15-chrome-extension.html
英文原文:15 HELPFUL CHROME EXTENSIONS FOR DEVELOPERS YOU NEED TO KNOW
翻译作者:码农网 – 小峰
转载必须在正文中标注并保留原文链接、译文链接和译者等信息。]

时间: 2024-08-11 07:41:35

chrome插件2的相关文章

这是一款借助chrome 插件的微信机器人

1.chrome kit微信机器人简介(github:https://github.com/LinuxForYQH/chrome_kit) 借助chrome 插件 js注入来实现消息的发送 chrome devtool api的调用来监听https请求 打开微信登录界面,在扫码登录前必须先打开toolbar(F12 或者 鼠标右键检查),如上所说因为借助了chrome devtool api所以需要打开toolbar才能执行相关dev域的js. 2.相关开发原理介绍 https://develo

试着开发chrome插件

我的第一个chrome插件,是app形式的 代码如下 创建一个文件: 1.manifest.json 1 { 2 "version": "1.0", 3 "manifest_version": 2, 4 "app":{ 5 "launch":{ 6 "web_url":"http://www.cnblogs.com/zzzzw" 7 }, 8 "urls&q

chrome插件 postman插件 接口测试、API & HTTP 请求调试工具

Postman 是一个非常棒的Chrome扩展,提供功能强大的API & HTTP 请求调试. 它能够发送任何类型的HTTP requests (GET, HEAD, POST, PUT..),附带任何数量的参数+ headers. 支持不同的认证机制(basic, digest, OAuth),接收到的响应语法高亮(HTML,JSON或XML). Postman 能够保留了历史的请求,这样我们就可以很容易地重新发送请求,有一个“集合”功能,用于存储所有请求相同的API/域. 这个扩展还有一些更

Android无线调试及手机设备与PC同屏工具——Chrome插件Vysor

我们平时用手机调试时,经常是手不离机,以前可以下载个jar包能把手机屏映射到电脑桌面,但是运行比较卡,后来就放弃了,再之,手机接数据线有时也不太方便 ,pc与手机(连wifi)如处同一网段,就可以通过无线来调试! 使用无线调式方法: 一:cmd开启命令窗口:(设置adbd 监听端口) adb  tcpip  5555 <设置adbd服务的端口> 二,cmd再开启另一个窗口:(开启adb网络调试模式) adb  connect  192.168.3.229:5555  <该地址为手机wif

chrome插件开发经验总结

(文章更新中...) chrome插件看似很简单,真正开发起来,还是有很多东西要花时间来理解的.一些关键地方不理解的话,身在坑中,会痛苦不堪. 扩展的进程跟网页的进程是相互独立的.嵌入在网页中的内容脚本跟网页中的脚本是相互独立,即互相不能调用各自的函数和变量.内容脚本可以看成一个孤立的存在.但是内容脚本可以操作网页的DOM,对网页的内容进行修改. background.js ,popup.html等在背景页中的文件属于父扩展,发送跨域请求需要在父扩展中进行(不能在contentscript.js

如何离线安装chrome插件

前言------可以不看: 实习做web,要弄单点登录SSO和验证Controller接口是否成功返回数据,要装两个chrome插件(Postman和JsonView),来发送Post请求测试单点登录(因为url只能是get请求). 以前做C++,写IOS,写Qt的娃,现在搞web真的有点虚,真是苦逼,一大堆货. google都不能访问了,google的应用商店也明显不能访问了.我又懒得找翻墙软件,真是懒......还是离线装装好了. (每次博客也一大堆错别字,别在意这些细节,最近右手手腕很疼,

Chrome插件i18n多语言实现

i18n(其来源是英文单词 internationalization的首末字符i和n,18为中间的字符数)是“国际化”的简称.Chrome插件框架中i18n的封装API: chrome.i18n.getMessage(name) 用到的字符都可以定义成__MSG_extName__类似这样的格式,然后通过这个API来调用,例如: chrome.i18n.getMessage('extName') 在调用这个接口前还需要做一些准备工作: 1. 插件的目录结构定义, 蓝色高亮部分为多语言文件夹: m

zend studio结合xdebug、xdebug-help(chrome插件)调试PHP程序

zend studio结合xdebug.xdebug-help(chrome插件)调试PHP程序 一.原料: zend studio (我用的是11.0.2) xdebug(版本要与服务器的PHP环境一致) xdebug-helper(chrome插件,chrome插件扩展已封,可以到网上下载离线版,然后安装) 二.安装: 2.1.安装xdebug 1).找到与PHP环境对应的xdebug组件,然后放置到ext目录下 2).修改php.ini文件. 修改范例: 注意:具体的PHP环境.插件位置等

Chrome 插件: 起动本地应用 (Native messaging)

Chrome 插件: 起动本地应用 (Native messaging) www.MyException.Cn  网友分享于:2014-08-01  浏览:3次 Chrome 插件: 启动本地应用 (Native messaging) 最近碰到了一个新问题,需要利用Chrome 的插件, 从我们的一个网站中启动一个我们的本地C#应用,同时给这个应用传值来进行不同的操作. 在这里记录下解决的过程,以便以后查找 首先我们需要新建一个google的插件 这个插件包含了三个文件 manifest.jso

动手做第一个Chrome插件

Chrome插件是令人惊讶的简单,一旦你弄懂它的工作和实现原理.它是由一部分HTML,一部分Js,然后混合了一个叫做manifest.json的Json文件组合而成的整体.这意味着你可以使用你最擅长的js框架去实现它. 如果你还是一个Chrome插件的新手并且想尝试写一个的话,下面的文章将会带领大家并且尝试让大家理解Chrome插件的工作机制.这篇文章将会讲述每一块架构,以及相互之间的联系和插件的一般化形式. 架构 Chrome插件中的文件大体上可以分成2部分:Chrome插件中确确实实存在的文