>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 13410 个阅读者 刷新本主题
 * 贴子主题:  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技术详解(Ⅰ)
  JSP与Hibernate开发-->域对象在持久化层的四种状态
  Java网络编程-->RMI框架
  精通Spring-->Vue指令
  Vue3开发-->计算属性和数据监听
  10个开发者经常问的JavaScript面试题(附答案解析)
  JS 闭包的 9 大经典使用场景
  vue30道面试题
  vue 项目中使用loadsh 的 防抖(debounce)和节流(throttle...
  20分钟带你掌握JavaScript Promise和 Async/Await
  JS对树形数据的遍历和过滤,
  HTML DOM Radio 单选按钮对象
  JavaScript的Window 对象
  CSS 属性选择器
  CSS 列表样式(ul)
  HTML5 地理定位
  JavaScript的window.screen对象
  JavaScript中的 this关键字
  JavaScript编程规范
  JavaScript 函数 的定义和使用
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


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