专栏首页前端布道前端开发必备之chrome插件

前端开发必备之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)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • MEAN-全堆栈javascript开发框架

    引言 使用JavaScript能够完整迅速做出Web应用程序,目前一套工具包括MongoDB、ExpressJS,AngularJS和Node.js越来越受到欢...

    laixiangran
  • MEAN-全堆栈javascript开发框架

    引言 使用JavaScript能够完整迅速做出Web应用程序,目前一套工具包括MongoDB、ExpressJS,AngularJS和Node.js越来越受到欢...

    laixiangran
  • 不同场景下使用CSS隐藏元素

    使用 CSS 让元素不可见的方法很多,剪裁、定位到屏幕外、明度变化等都是可以的。虽然它们都是肉眼不可见,但背后却在多个维度上都有差别。

    laixiangran
  • 如何禁止chrome浏览器http自动转成https

    王念博客
  • selenium+python自动化85-Chrome静默模式

    前言 selenium+phantomjs可以打开无界面的浏览器,实现静默模式启动浏览器完成自动化测试,这个模式是极好的,不需要占用电脑的屏幕。 but...,...

    企鹅号小编
  • Huginn 网友问答汇总

    huginn 中文网
  • selenium+python自动化85-Chrome静默模式(headless)

    前言 selenium+phantomjs可以打开无界面的浏览器,实现静默模式启动浏览器完成自动化测试,这个模式是极好的,不需要占用电脑的屏幕。 but.....

    上海-悠悠
  • 还在问post与get的区别?

    解题思路:这道题已经属于不能再考的题目了,遇到这道题目。我们不能简单的解答,get如何,post如何。我们需要从两者的不同点、相同点、数据的传输方式、底层分析。

    卡二条的技术圈子
  • 前端性能优化不完全手册

    将请求优先分配给压力较小的服务器,它可以平衡每个队列的长度,并避免向压力大的服务器添加更多的请求。

    Peter谭金杰
  • 如何测试OData的filter功能

    版权声明:本文为博主汪子熙原创文章,未经博主允许不得转载。 https://jerry.bl...

    Jerry Wang

扫码关注云+社区

领取腾讯云代金券