chrome 常用插件

  1. Wappalyzer
    技术栈分析工具

    chrome 常用插件_第1张图片
  2. Octotree
    用目录的方式展示github仓库

    chrome 常用插件_第2张图片
  3. HTML5存储管理器多合一
    Local Storage, Session Storage, Cookie, indexedDB (测试版) ... 史上最全的HTML5存储管理插件!Web开发必备工具!

chrome 常用插件_第3张图片
  1. 掘金
    为设计师、程序员、产品经理每日发现优质内容。

  2. 搜索图片 Search by Image
    搜索图片是谷歌亲生的方向图片搜索插件,其授权你可以在网页的任何图片上使用谷歌搜索(比天眼灵活,亲生就是不一样),简单的在图片上点击右键,然后选择“找谷歌上找这种图片”(Search Google with this image)。如果这是你经常用的插件,你也可以通过添加点击图片搜索来快速使用这个功能。

chrome 常用插件_第4张图片
Paste_Image.png

6.LiveReload
实现css改变,页面自动刷新,需要配合第三方库完成,比如gulp-livereload

7.HTML标签检测器

HTML标签检测器,有了它,可以验证你的页面是否有HTML未闭合的地方.

8.http2 检测

chrome 常用插件_第5张图片
HTTP/2 and SPDY indicator
  1. VisBug

帮你更快的检查元素、移动元素、改变css属性、查找元素 极大的增加前端开发效率!

  1. octohint
  • 鼠标 hover 变量名,会显示变量的类型
  • 鼠标左键点击变量名,会显示这个变量出现的所有位置
  • 按住 Command + 鼠标左键点击变量名,会跳转到这个变量定义的位置(在 Windows 和 Linux 下使用 Ctrl)
octohint.gif
  1. OctoLinker
    根据模块加载语句(如 include、require 与 import),跳转到引用的文件或外部网站,按住Ctrl键 点击链接会在新标签页打开
    chrome 常用插件_第6张图片
    OctoLinker.jpg
chrome 常用插件_第7张图片
支持的语言
  1. 沙拉查词
chrome 常用插件_第8张图片
image
image
  1. GitHub Code Folding

  2. 截取整个页面
    FireShot
    花瓣网页收藏工具

  3. 网络传输性能的插件 PageSpeed

chrome 常用插件_第9张图片
PageSpeed

你可能感兴趣的:(chrome 常用插件)