chrom插件1

本文是稀土掘金投稿,虽然其中有倔金的私货,是篇推广文,但我看过后认为内容确实不错,有些好插件还是第一次知道,对我很有帮助,考虑过后还是决定推荐给大家,最近我比较关注各种提高开发效率的工具与技巧,今后看到这样主题的内容,也会多多推荐给大家:)

在掘金的第十二期沸点活动中,掘金上的开发者们纷纷亮出了自己正在使用的 Chrome 插件,这里面有开发利器,也有各种实用工具。我们筛选出了评论中的各种 Chrome 开发插件,各位开发者们,快来看看,有没有你需要的工具吧。

1. 掘金 Chrome 插件 :帮你发现干货

http://gold.xitu.io/extension/

不管你是开发者、设计师还是产品经理,想必每天都需要阅读大量的行业相关文章,这就需要我们浏览大量的互联网站点去寻找我们需要的内容。抛开繁复的筛选成本不说,「比特级」的内容都会压得你喘不过气来。

掘金为了解决这个问题,开发了掘金 Chrome 插件,掘金 Chrome 插件聚合了国内外优质的互联网站点内容,在节省你的筛选成本的同时,帮你发现好内容。

2. Postman :强大的 API & HTTP 请求调试工具

https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop

相信 Postman 对于掘金上的各位开发者来说,一定不会陌生,这是一款强大的 API & HTTP 请求调试工具,Postman 不仅可以调试简单的 HTML、CSS 以及脚本等简单的网页基本信息,这款 Chrome 插件甚至还能发送几乎所有的 HTTP 请求,可谓是 Web 开发者的一大利器。

3. BuiltWith Technology Profiler :你的网站,用了什么技术栈?

https://chrome.google.com/webstore/detail/builtwith-technology-prof/dapjbgnjinbpoindlpdmhochffioedbn?hl=zh-CN

作为开发者,对于友商网站所使用的技术栈想必也充满了许多好奇心,有没有工具能够帮你完成这项工作呢?答案就是 Chrome 插件 BuiltWith Technology Profiler,它能够帮你分类呈现当前访问网站的技术栈组成,实乃探索友商之利器。

当然,同类产品中,你也可以使用 Wappalyzer 这一款 Chrome 插件。

4. Octotree :你的 GitHub 文档库

https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc

GitHub 现有的目录层级形式,在查看来自不同层级文件夹的文件的时候,显得似乎不是很方便,Octotree 这款 Chrome 插件能够让你通过文档库的方式管理、查看你的 GitHub 仓库,简单直观的同时,也方便你进行文件之间的跳转操作。

5. GitHub Awesome Complete :属于 GitHub 的 「Alfred」

https://github.com/algolia/github-awesome-autocomplete

在 GitHub 搜索仓库或者项目的时候,你会怎么做?相信大部分人的步骤都是一样的:

  • 在搜索框输入关键字后按回车键
  • 在搜索结果中找到相应结果,点击进入相应页面

有没有更简单快捷的操作方法?答案是 GitHub Awesome Complete 这款 Chrome 插件。这款插件能够让你在 GitHub 中输入关键字之后通过弹窗动态显示相应的搜索结果,你所需要做的,只是点击即可。

6. Octo Mate :增强你的 GitHub 体验

https://github.com/camsong/chrome-github-mate/blob/master/README.cn.md

除了以上两款 GitHub 相关的插件,这里我还要介绍一下 Octo Mate 这款能够提升你的 GitHub 体验的小工具。对于这款插件,主要功能有以下四点:

  • 一键下载文件:GitHub 可以让你很方便的以 .zip 格式下载所有文件,但如果只需要下载一个文件,非常麻烦。使用 Octo Mate 后只需要点击文件图标即可下载。
  • 一键打开项目的 Github Pages
  • 显示仓库大小
  • 显示未读消息数

相信这样一款插件一定能让你在使用 GitHub 的时候更加高效。

7. Page Ruler :你的网页标尺

https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn?hl=zh-CN

前端开发者在调试网页的时候,一定会遇到需要查看网页中某个具体控件或者整个网页具体尺寸的情况,这时候,Page Ruler 能够帮你完成这一项工作,测量网页元素,再也不用打开占据大片空间的「检查元素」窗口了。

8. User-Agent Switcher for Chrome :网页自适应测试工具

https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg?hl=zh-CN

你的网页对于各类设备的自适应情况怎么样?正常情况下,我们需要同时在不同的设备上测试网页的自适应情况,有了 User-Agent Switcher for Chrome,只需要一个浏览器插件,你可以随时更换 UA,测试网页的自适应情况,帮你很好地提高了开发效率。

9. Vysor :解放双手的 Android 测试工具

https://chrome.google.com/webstore/detail/vysor/gidgenkbbabolejbgbpnhbimgjbffefm

实机调试 Android 应用,你是不是还在一边测试着 Android 设备一边在电脑上修改代码?有了 Vysor 这款 Chrome 插件,只需要通过 USB 连接,你就可以直接在 Chrome 中通过鼠标操作 Android 设备,设备间切换造成的时间成本降低了,开发效率自然就提高了。

10. SimilarWeb :查看网站各种流量数据

https://chrome.google.com/webstore/detail/similarweb-website-rankin/hoklmmgfnpapgjgcpechhaamimifchmp

对于网站开发者来说,除了网站本身的代码设计与开发,网站的各种用户访问数据与流量分析也是很重要的一块工作。SimilarWeb 这款 Chrome 插件能够帮你统计网站的流量来源与排名,查询网站参与等各种网站信息。

除了本篇文章介绍的 Chrome 插件以外,Chrome 浏览器还有许多好用实用的扩展工具,也许你还没有找到你需要的那款浏览器插件,你也可以点击 阅读原文 来掘金上看看,说不定就能找到你需要的那款插件。

时间: 2024-10-03 15:01:28

chrom插件1的相关文章

使用node-livereload自动刷新页面

1. 安装node 2. 安装python 3. 安装connect, serve-static和node-livereload (以下都假设命令行当前目录为e:\WebSite) e:\WebSite>npm install connect e:\WebSite>npm install serve-static e:\WebSite>npm install livereload 如果出现类似:MSB8036: The Windows SDK version 8.1 was not fo

ElasticSearch搜索引擎使用—从0到1

阅读目录: 背景 安装 查找.下载rpm包 .执行rpm包安装 配置elasticsearch专属账户和组 设置elasticsearch文件所有者 切换到elasticsearch专属账户测试能否成功启动 安装自启动elasticsearch servicewrapper包 下载elasticsearch servicewrapper 包 elasticsearch servicewrapper开源包的配置小bug servicewrapper安装 chkconfig -add 加入linux

大数据分布式弹性搜索引擎

ElasticSearch大数据分布式弹性搜索引擎使用-从0到1 阅读目录: 背景 安装 查找.下载rpm包 .执行rpm包安装 配置elasticsearch专属账户和组 设置elasticsearch文件所有者 切换到elasticsearch专属账户测试能否成功启动 安装自启动elasticsearch servicewrapper包 下载elasticsearch servicewrapper 包 elasticsearch servicewrapper开源包的配置小bug servic

ElasticSearch大数据分布式弹性搜索引擎使用

阅读目录: 背景 安装 查找.下载rpm包 .执行rpm包安装 配置elasticsearch专属账户和组 设置elasticsearch文件所有者 切换到elasticsearch专属账户测试能否成功启动 安装自启动elasticsearch servicewrapper包 下载elasticsearch servicewrapper 包 elasticsearch servicewrapper开源包的配置小bug servicewrapper安装 chkconfig -add 加入linux

[postman][API test]Postman restAPI 测试学习笔记

痛点:最近有个API网关的兼容性测试任务,需要验证API是否可用,返回值符合预期,如果手工复制粘贴curl命令,繁琐且低效 调研时发现了Postman 这个chrom插件,试用了2天后发现使用起来很方便,现总结如下: Postman简介:Postman是一种网页调试与发送网页http请求的chrome插件.我们可以用来很方便的模拟get或者post或者其他方式的请求来调试接口 安装:通过chrome浏览器打开chrome网上应用店直接添加到chrome插件中 (可能需要番墙...) 使用方式:

(转载)前端构建工具gulp使用

前端构建工具gulp使用 前端自动化流程工具,用来合并文件,压缩等. Gulp官网 http://gulpjs.com/ Gulp中文网 http://www.gulpjs.com.cn/ Gulp中文文档 https://github.com/lisposter/gulp-docs-zh-cn Gulp插件网 http://gulpjs.com/plugins/ Awesome Gulp https://github.com/alferov/awesome-gulp StuQ-Gulp实战和原

angular学习笔记(2)- 前端开发环境

1.代码编辑工具 2.断点调试工具 3.版本管理工具 4.代码合并和混淆工具 5.依赖管理工具 6.单元测试工具 7.集成测试工具 常见的前端开发工具 1.subline 2.webstrom 3.chrom 插件 Batarang (断点调试工具) 3.git.svn  版本管理工具 4.nodejs 开发和调试工具    npm包管理器    grunt.gulp.webpack   代码合并和混淆工具 5.依赖管理工具 bower 6.http-server  轻量级server 7.单元

POSTMAN---API测试管理工具的简介

POSTMAN作为一款人气爆表的api测试管理工具,提供功能强大的 Web API & HTTP 请求调试.它能够发送任何类型的HTTP 请求 (GET, HEAD, POST, PUT..),附带任何数量的参数+ headers.支持不同的认证机制(basic, digest, OAuth),接收到的响应语法高亮(HTML,JSON或XML).Postman 可以保留历史的请求,这样我们就可以很容易地重新发送请求,有一个"集合"功能,用于存储所有请求相同的API/域. POS

elk 入门

安装 准备 3台机器 172.16.240.60 db01 elasticsearch 172.16.240.70 db02 kibana 172.16.240.80 db03 filebeat nginx 172.16.240.90 db04 logstash 安装阿里yum和java curl -o /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-7.repo yum install java-1