前端开发必备之chrome插件

Chrome浏览器目前是网络上可用的最好的浏览器之一,并且自2011年11月超越了Firefox浏览器之后,已经成为了互联网上占主导地位的浏览器。

本篇文章将与大家分享一些与前端开发有关的实用的Chrome浏览器插件,这些插件可以帮助你提高前端开发工作效率。

Allow-Control-Allow-Origin: *

允许应用从不同的来源请求数据,特别适用于前后端分离的开发模式,解决开发中的浏览器跨域问题。

Code Cola

可视化编辑在线页面css样式并实时查看效果,而且可以保存编辑好的css样式。

Image Downloader

浏览当前页面所有的图片并可以快速下载图片。

JavaScript Errors Notifier

将当前页面所有的 JavaScript 错误提示出来。

JSON-handle

查看、编辑、格式化JSON,也可以根据数据中的图片url查看图片。

Library Sniffer

探测当前网页所使用的类库、框架和服务器环境。

Lighthouse

帮助你分析页面的性能并提出可优化的地方。

Page Ruler

绘制一个标尺来获取像素尺寸和定位,并在任何网页上测量元素。

Pesticide

高亮显示页面每个元素的位置。

Simple Material Design Palette

好用的css调色板。

User-Agent Switcher

默认不同的浏览器用户代理信息,方便多浏览器调试。

Web Developer Checklist

使用最佳实践来分析页面。

WEB前端助手(FeHelper)

包括JSON格式化、二维码生成与解码、信息编解码、代码压缩、美化、页面取色、正则表达式、时间转换工具、编码规范检测、页面性能检测、Ajax接口调试。

WhatFont

识别元素使用的字体。

Window Resizer

调整浏览器窗口,模拟各种屏幕分辨率。

Take Webpage Screenshots Entirely - FireShot

捕捉网页截图,编辑并将它们保存为PDF,JPEG,GIF,PNG或BMP;上传,打印,在Photoshop中打开,复制到剪贴板或电子邮件

Postman

模拟各种类型的请求,更快地构建、测试并记录API。

Augury

调试和分析Angular应用程序。

Vue.js devtools

调试和分析Vue应用程序。

React Developer Tools

调试和分析React应用程序。

原文发布于微信公众号 - 前端布道(FontendPreach)

原文发表时间:2018-04-17

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏QQ会员技术团队的专栏

一起脱去小程序的外套和内衣:微信小程序架构解析

微信小程序的公测掀起了学习小程序开发的浪潮,天生跨平台,即用即走、媲美原生体验、完善的文档、高效的开发框架,小程序给开发者带来了很多惊喜。通过这篇文章和大家一起...

5.5K3
来自专栏前端桃园

网页中默认图片的几种解决方式

现在网页中图片随处可见,但避免不了有时会出现图片资源失败的情况,在谷歌浏览器中就会显示这样

1052
来自专栏落影的专栏

一个BUG的发现、定位和解决

前言 在iOS 11发布之后,出现了一系列适配相关的问题,UIScrollView在pagingEnabled=YES时滑动手势不灵敏,UITableView的...

4147
来自专栏Coding01

推荐简约漂亮的小程序日历插件

好比 PHP 的 composer、前端的 npm,Java 的 jar包,小程序插件的出现,极大的方便了我们共享组件,减小开发量。

5862
来自专栏程序员互动联盟

【编程入门】互联网的本质技术

首先要知道网站访问大概是什么个过程: 假设你在浏览器地址栏输入这个问题的地址 http://www.zhihu.com/question/22689579 访问...

45511
来自专栏iOS Developer

微信小程序开发教程-从零开始(2)

1746
来自专栏PHP在线

表单提交刷新页面问题

今天开发中遇到了一个问题,刚开始没有头绪,不知道怎样解决,后来静下来一想,搜索下吧,经过搜索相关资料,很好的解决。 <form name="keywordFor...

3086
来自专栏小文博客

WordPress实现QQ卡片链接

QQ发出去一个网址后,在展示的时候,他会快速抓取网站的内容(标题,缩略图,描述)进行展示,抓取有特殊标记的内容,快速展示出来。我们可以通过在head部分加标签的...

41411
来自专栏coding for love

浏览器为契机贯穿前端知识点-大纲参考

ps:动画不连贯,因为浏览器渲染有一个最小时间间隔(这块之前搜藏了) 涉及如下部分:

801
来自专栏编程

Python2下载单张图片和爬取网页图片

昨天用Python2爬取了一首歌的热评和评论总数,今天用Python2来下载图片。 一、需求分析 1、知道图片的url地址,将图片下载到本地。 2、知道网页地址...

2259

扫码关注云+社区