大家好,我是Echa。
今天我将分享 50 个超级好用的浏览器扩展!
JSON1。 JSON临
JSON Pro 用于可视化 JSON 文件。 其核心功能包括:
输入界面如下:
格式化后:
2.
是一个JSON数据查看器,主要用于格式化JSON数据:
网站技术 3.
它是开发者的工具,可以检测当前网页使用的类库、框架和服务器环境,为开发者提供方便。
4.
扩展可用于识别网站背后的基础技术。 通过此扩展,可以查明特定应用程序是否是用 React、Vue、PHP 等编写的。还可以访问有关 Web 服务器、编程语言、框架、内容管理系统、分析工具、数据库等的信息.
5.
该扩展程序只需单击一下即可找到任何网站上使用的技术。
开发调试 6. by
该插件可用于将设计图加载到网页中,并与完成后的网页进行对比安装两个谷歌浏览器吗,帮助开发者和设计者规范网页的像素精度。 这是一个可以优化前端页面显示的插件。
7.清除缓存
使用此扩展可以快速清除缓存,无需任何确认对话框、弹出窗口等。要清除的数据和数量可以在选项页面上自定义,包括:应用程序缓存、缓存、下载、文件系统、表单数据、历史记录、索引数据库、本地存储、插件数据、密码和 .
8.
是一个用 构建的开源网页设计调试工具,它允许用户使用点击和拖放界面查看网站元素。
9.调试CSS
Debug CSS 是一个帮助调试 CSS 的插件。 他可以显示页面元素的轮播图,按住Ctrl,将鼠标悬停在元素上可以查看其信息:
10. CSS
CSS 是 Web 开发人员的高效扩展。 顾名思义,CSS 查看器可以显示您在任何网页上悬停的元素的 CSS 属性。
11.
是一个经理。 可以添加、删除、编辑、搜索、锁定和阻止。
12.反应工具
React Tools 是开源库 React 的扩展。 它允许我们在开发人员工具中检查 React 组件层次结构。 安装此插件后
,您将在“⚛️”和“⚛️”中获得两个新标签:13.Vue.js
Vue.js是一款基于浏览器的Vue.js应用程序调试插件,可以让开发者大大提高调试效率。 支持用户分析调试DOM结构数据结构。
14.
可以帮助开发人员在浏览器中调试和分析应用程序。
15.精简版
Lite是火狐浏览器中著名的开发者工具插件移植而来的插件。 在 中安装 Lite 插件后,开发者可以像在 浏览器中一样调试网页内容。 它包含了基本的HTML、CSS等调试功能,用于帮助web前端开发工程师快速调试网页,从而及时发现网页中的bug并修复。
16. HTML
HTML 在开发人员工具中添加了 HTML。 HTML 页面的错误数在浏览器状态栏中以图标显示,详细信息可在浏览器的开发者工具中查看。
17. 网络
Web 扩展使用各种 Web 开发工具向浏览器添加了一个工具栏按钮。 该扩展适用于这些浏览器支持的任何平台,包括 macOS 和 Linux。
18.
它是一个浏览器插件,提供URL转发、修改HTTP请求和结果、插入脚本等功能。
19.
主要用于调整浏览器窗口的大小以模拟各种屏幕分辨率。
20.
是在一个视图中显示多个屏幕的扩展。 此扩展将帮助前端开发人员在开发响应式网站/应用程序时测试多个屏幕。
21.&CORS
此插件允许直接从浏览器发送跨域请求,而不会收到跨域错误。 可以使用此插件覆盖标头,并将 --Allow- 设置为 *。
22。
是一个放大的吸管和颜色选择器工具,可让您从网页等中选择颜色值。
23。
CSS 一个用于检查和复制元素样式的优秀工具,您可以将鼠标悬停在网页中的任何元素上并单击以复制元素的样式。
24。
它是一个页面元素测量插件,可以帮助用户测量网页上各种元素属性之间的距离。 点击启动插件图标后,插件可以测量页面上的图片、输入框、按钮、视频等页面元素 可以测量上下左右的方位角和大小,功能通过快捷键可以快速启用或禁用插件,简单实用。
25.网站
站点用于生成调色板。 设计师和前端开发人员的必备工具。 您可以使用此插件轻松获得网站的配色方案。
26.
它是提取网页颜色的强大工具; 它也是一个快速调整颜色的插件。 许多用户将此软件称为颜色提取插件。 它提取的颜色非常多样,还可以生成css颜色代码等。
字体 27.
当我们要查看网页中文字的字体时,最常见的方法是在控制台中查看文字的字体样式。 那么有没有更简单的方法呢? 它是查看网络字体的扩展。 只需单击扩展图标,然后单击以查看为文本:
28. 字体忍者
Fonts Ninja 可以从任何网站识别字体,将它们加入书签,试用并购买。
标签页 29。
使用 扩展在任何浏览器中开始新的测试会话。 最多可设置 12 个浏览器以实现快速访问并最大限度地减少切换浏览器所花费的时间。
30.托比
Toby是一个新标签页工具,可以将未读标签页分组为新标签页,从而可以关闭所有未读标签页。 分组相当于多个窗口。 将你的标签拖入 Toby,这样你就不需要实时打开它们来占用空间。
31. 每日开发
此扩展提供每日顶级开发者新闻,无需再浪费时间搜索高质量文章。
32.
拥有精美的新标签页,每天更新精彩的背景壁纸图片,设置每日新鲜事物的焦点和跟踪待办事项,无广告,无弹窗。
33.伟大的
The Great 是一个用于减少内存占用的轻量级扩展。 如果同时打开多个选项卡,未查看的选项卡将在一段可配置的时间后自动挂起在后台,释放该选项卡占用的内存和 CPU。
34.巴迪
Buddy是一款可以帮助用户查看、添加、编辑当前网站状态的插件。 用户可以使用该插件保存网站当前状态,以便关机或关机后恢复,从而节省内存。
.
旨在让体验更好。 通常安装两个谷歌浏览器吗,为了检查 中的子文件夹,您需要手动单击文件夹并导航。 扩展解决了这个问题。 此扩展在项目的左侧显示了存储库的目录结构,这有助于更好地理解文件夹结构。
动态图.gif
36. 和的文件图标
文件图标和可以用特定文件类型的图标替换原始文件图标。
网络测试37.axe
ax 是一种快速、轻量级但功能强大的测试工具,由 axe-core 提供支持,axe-core 是由 Deque 开发的世界上最值得信赖的可访问性测试引擎。 在网站开发过程中使用 ax 查找和修复更多可访问性问题。
38.
特定于语言的语句,例如 , 或 , 可以转换为链接。 当打开一个包含多个导入语句的文件并想快速打开它时,只需将鼠标悬停在链接文件上并单击即可打开它。
39. 网络
此扩展可帮助 Web 开发人员分析网页是否违反最佳实践。
40. 检查我的链接
Check My Links 是一种链接检查器,可抓取网络并查找损坏的链接。
41.
是一种用于验证一组 HTML 页面上的链接的工具。 可以检查一个或多个服务器上的单个文档或一组文档。 它创建一个报告,总结所有导致某种警告或错误的链接。
42.
Page Speed 是一种旨在优化网页并使其在所有设备上加载速度更快的工具。
43.元搜索引擎优化
META SEO 是一款谷歌浏览器插件,可以帮助用户分析网页的元信息并获得SEO 评价。
隐私广告 44.
是一个强大的隐私保护扩展。 它主要有以下功能:
45.
用于阻止 、 、 和您喜欢的其他网站上的广告和弹出窗口。
生产力工具 46.
(®) 时间管理助手。 • 短时和长时休息 • 带倒计时显示的工具栏图标 • 跟踪历史记录和统计信息 • 可配置的长时休息间隔 • 可配置的计时器持续时间 • 桌面和新标签通知 • 超过 20 种音效可供选择 声音通知 • 计时器秒针移动音效
47.织机
Loom可以用来快速录制视频,并将录制的视频上传到指定的网页。 Loom还支持在用户点击启动插件时立即抓取屏幕图像,同时启动视频录制操作,还可以将录制的视频复制保存到剪贴板。
48.
是一款全屏截图插件(全网页截图),无需任何额外权限即可完整截取您当前页面的屏幕并进行滚动截图。 点击扩展图标,它将被转移到屏幕截图的新标签页,在那里它可以作为图像或 PDF 下载,甚至可以简单地拖动,保存到您的桌面。
49.
提供更好的图像查看体验,旨在取代内置的基于浏览器的图像查看模式。 使用时,只需在页面上右击图片,选择“在新标签页中打开图片”即可。
50. svg-
svg - 是一种快速预览和从网站获取所有 svg 的工具。 可用于预览、下载和复制站点中所有 SVG 图标和插图的代码。
版权保护: 本文由 浏览器之家-浏览器下载,浏览器插件,浏览器教程 原创,转载请保留链接: /gugelanqi/7495.html