Peekly:一个强大的 Chrome 开发者工具
Peekly 是一个免费的 Chrome 插件,专为开发人员设计,提供无缝的方式来检查网页组件和网络活动。通过按住 'x' 键,用户可以突出显示网页上的任何元素,显示有关 React 组件的详细信息,信息以上下文工具提示的形式呈现。这个工具提示会保持在屏幕上,便于交互,使开发人员能够通过简单的点击深入了解组件的结构和环境。该工具提供源文件访问、实时重新渲染跟踪、属性检查和可访问性审核等功能,所有功能都经过组织以便于高效导航。
除了组件检查,Peekly 还包括一个通过按 'y' 激活的网络检查器。此功能捕获实时的 fetch 和 XHR 请求,并提供过滤和检查头部和主体的选项。Peekly 为速度和最小摩擦而构建,确保与各种环境的兼容性,同时保持严格的隐私标准,包括零跟踪和本地设置存储。作为一个开源工具,Peekly 提供广泛的网页开发能力,而不妨碍用户隐私。