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

官方版无广告72

更新日期: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 找到它的源代码。

相关资源

HTML Object Finder
查找对象 - 以不同颜色突出显示的 id、名称和自定义属性,以便于测试自动化在 HTML 代码中轻松查找对象或对象组
Web Injector
将 JavaScript 代码注入每个页面(例如帮助调试)。例如,为控制台日志制作您自己的包装器。 Web Injector 将您想要的任何自定义 JavaScript 代码注入每个网页。您可以为控制台日志编写高级包装器;包括用于调试的实用功能;按类或 id 隐藏元素;或您能想到的任何其他创意。我希望你喜欢这个扩
SP Editor
创建和更新 SharePoint Online/SP2013/SP2016/SP2019 css/js 文件,将文件注入网络,管理网络/列表属性,列出 Webhook用于创建和更新文件(js、css)、将文件注入站点、修改 web/list propertybag 值(添加、编辑、删除、索引)和创建 webhoo
JSON Formatter 格式化
使 JSON 易于阅读。开源。原始的 JSON 格式化程序,现在具有可选的暗模式?在浏览器选项卡中加载时自动格式化 JSON。特征- 速度快,即使在很长的 JSON 页面上也是如此- 黑暗模式- 语法高亮- 可折叠的树,带有缩进指南- 可点击的网址- 对非 JSON 页面的性能影响可以忽略不计(小于 1 毫秒)
JSON Manipulator - JSON to CSV converter
新功能:将 JSON 转换为 CSV,即使您的 JSON 是任意嵌套的。 Discoverable Json 本质上是扁平化你的 JSON 数据......新功能:将 JSON 转换为 CSV,即使您的 JSON 是任意嵌套的。 Discoverable Json 实质上将您的 JSON 数据(无论嵌套)扁平化为
Scrapolysis
一种使用 pdefined 或自定义正则表达式从网页中提取数据的 SEO 工具。 Scrapolysis 允许用户使用 pdefined 或自定义正则表达式在一次运行中从单个或多个网页中提取数据。稍后可以将刮取的数据导出为 Excel Sheet(XLS)。

暂无评论

暂无评论...