>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 22831 个阅读者 刷新本主题
 * 贴子主题:  10个 Web 开发人员的常用的 Chrome 扩展程序 回复文章 点赞(0)  收藏  
作者:sunshine    发表时间:2021-09-05 01:06:36     消息  查看  搜索  好友  邮件  复制  引用

      Google Chrome 的开发者工具可以进一步提高你的工作效率。以下是我个人日常 Web 开发中常用的十个 Chrome 扩展。

CSS Peeper

CSS Peeper 是一个用于 CSS 检查的多功能工具,它允许您快速查看任何网站的样式、字体、调色板和资源。

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

CSS Peeper

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

CSS Peeper

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

CSS Peeper
  点击此处安装扩展

React Developer Tools

React Developer Tools 是与 React 使用时的实际扩展,为 React 应用程序提供了所有必要的检查工具。

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

React Developer Tools

Vue.js devtools

Vue.js devtools 用于调试 Vue.js 应用程序的 Chrome 和 Firefox DevTools 扩展。

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

image.png
  点击此处安装扩展

Screenity

Screenity 适用于 Chrome 的功能强大的屏幕录像机。它的功能亮点非常多,比如可以录制浏览器的标签页、整个屏幕(浏览器外),以及摄像头,通过在屏幕上的任意位置绘制、添加文本和创建箭头???突出显示您的单击、聚焦鼠标或将其隐藏在录制??个人麦克风和计算机音频控制、推送通话,支持导出 mp4、if 和 webm 等。

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

Screenity

     笔者文章的 Gif 都是使用该插件录制生成。
  点击此处安装扩展

LastPass

LastPass 通过提供一个免费的密码管理器(与谷歌自带的密码管理器类似),提供密码生成和密码保护注释,可确保您的帐户和 API 密钥的安全。

     安装插件并登录 LastPass 后,当注册新的网站时,可以直接在线生成密码并存储:

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

LastPass

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

LastPass

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

LastPass

     它支持 IE、 Chrome、 FireFox、Opera、 Safari、Edge 等主流浏览器以及移动设备。

uBlock Origin

uBlock Origin 是一个简单而有效的广告拦截器扩展程序,您只需要安装它,而无需配置与操作,因为它可以使您的浏览体验保持无广告状态。

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

uBlock Origin

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

uBlock Origin

VisBug

VisBug 可以使用非常直观的控件和工具即时调整网站设计,而无需深入研究任何代码。

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

VisBug
  点击此处安装扩展

JSON Viewer

JSON Viewer 为 JSON 响应提供了一些非常需要的语法突出显示和样式自定义,这在当今大多数 Web API 中已经很普遍。

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

JSON Viewer

     网站底部给出了其他格式转化类型

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

格式转化
  点击此处安装扩展

FeHelper

FeHelper JSON自动格式化、手动格式化、支持排序、解码、下载等,更多功能可在配置页面安装!

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

FeHelper

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

FeHelper
  点击此处安装扩展

EditThisCookie

EditThisCookie 是一个功能强大的 cookie 管理器扩展,可让您快速有效地添加,删除,编辑,甚至导出和导入 cookie。

                点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

EditThisCookie
  点击此处安装扩展
----------------------------
原文链接:https://www.jianshu.com/p/585eff83250a

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2021-09-11 10:40:19 重新编辑]
  Java面向对象编程-->对象的生命周期
  JavaWeb开发-->对象的生命周期
  JSP与Hibernate开发-->JavaWeb应用入门(Ⅱ)
  Java网络编程-->JSP技术详解(Ⅱ)
  精通Spring-->
  Vue3开发-->映射组成关系
  10个开发者经常问的JavaScript面试题(附答案解析)
  Vue2.0与Vue3.0主要区别总结
  创建vue cli 插件
  JavaScript实现睡眠函数
  Vue. 入门篇
  史上最全的web前端面试题汇总及答案
  JavaScript中的HTML DOM Label 对象
  Javascript DOM封装方法汇总
  CSS3 多列布局
  HTML的事件属性
  HTML5 表单属性
  JavaScript HTML DOM 节点列表
  JavaScript 的字符串以及处理方法
  jQuery Mobile 方向改变事件
  一文读懂前端技术演进:盘点Web前端20年的技术变迁史
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。