LOADING

React Developer Tools

React Developer Tools4.27.3 (3/22/2023)

将 React 调试工具添加到 Chrome 开发者工具。从 2023 年 3 月 22 日的修订版 28ce1c171 创建。 React Developer Tools 是开源 React JavaScript 库的 Chrome DevTools 扩展。它允许您在 Chrome 开发者工具中检查 React

官方版无广告59

更新日期:2021年 8月 29日分类标签:语言:中文平台:

1.66MB 7 人已下载 手机查看

简介:
将 React 调试工具添加到 Chrome 开发者工具。从 2023 年 3 月 22 日的修订版 28ce1c171 创建。 React Developer Tools 是开源 React JavaScript 库的 Chrome DevTools 扩展。它允许您在 Chrome 开发者工具中检查 React 组件层次结构。您将在 Chrome DevTools 中获得两个新选项卡:“⚛️ Components”和“⚛️ Profiler”。 “组件”选项卡向您显示在页面上呈现的根 React 组件,以及它们最终呈现的子组件。通过选择树中的组件之一,您可以在右侧面板中检查和编辑其当前道具和状态。在面包屑中,您可以检查所选组件、创建它的组件、创建该组件的组件等。如果您使用常规元素选项卡检查页面上的 React 元素,然后切换到 React 选项卡,该元素将在 React 树中自动被选中。 Profiler 选项卡允许您记录性能信息。此扩展需要访问页面的 React 树的权限,但它不会远程传输任何数据。它是完全开源的,您可以在 https://github.com/facebook/react/tree/master/packages/react-devtools-extensions 找到它的源代码。

相关资源

CSS Reloader
CSS Reloader 是一个浏览器扩展,它允许开发人员在不重新加载页面本身的情况下重新加载 CSS。 CSS Reloader 是一个浏览器扩展,允许您重新加载 CSS,而无需重新加载页面本身。它目前可用于 Mozilla Firefox 和 Google Chrome, == 用法您可以通过键盘快捷键 F9
Video Ad-Block, for Twitch
为 1080p 和 480p 之间的无广告流交换视频广告。您必须禁用 TTV LOL / PURPLE ADBLOCK 才能使用此扩展程序。这个用于 Twitch 扩展的视频广告块会将 Twitch 视频广告交换为 1080p 和 480p 之间的无广告版本流,然后在广告完成后自动切换回原始视频质量。这一切都是在
Responsive Design Tester
用于以移动分辨率查看您的项目。 Responsive Design Tester 可用于在流行的移动设备的视口中或以选定的分辨率查看您的托管或本地项目。使用本地文件启用:Chrome://extentions > Responsive Design Tester > Details > Allow access
Vue Telescope
发现 Vue.js 网站Vue Telescope 是一个实用程序,可以发现网站上使用的 Vue.js 插件和技术堆栈。它检测 Vue 版本、插件、框架、Nuxt 模块甚至使用的 UI。
Requirify
chrome devtools 中的 require()允许在 chrome 控制台中使用 `require()`。单击图标以激活当前选项卡的插件。
URL Query Editor
更轻松地添加和编辑 URL 查询参数。此扩展程序可帮助您更轻松地添加和编辑 URL 查询参数。启用自动完成以方便参数输入。您可以在选项页面中配置自动完成建议列表。默认快捷键: - MacOS:命令 + U - 视窗:ALT + U问题: - TAB 最初在 Windows 上不起作用。这是 Chrome 回归(铬

暂无评论

暂无评论...