4 Repos
Awesome GitHub RepositoriesBrowser DevTools Panel Extensions
Adds custom panels and sidebars to browser developer tools that communicate with inspected pages via a dedicated messaging channel.
Distinct from Devtool Extensions: Distinct from Devtool Extensions: specifically targets browser DevTools panel registration and inspected-page communication, not general development environment extensions.
Explore 4 awesome GitHub repositories matching development tools & productivity · Browser DevTools Panel Extensions. Refine with filters or upvote what's useful.
Awesome Browser DevTools Panel Extensions GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- sxei/chrome-plugin-demo
sxei/chrome-plugin-demo
8,674Auf GitHub ansehen《Chrome插件开发全攻略》配套完整Demo，欢迎clone体验
Adds custom panels and sidebars to browser DevTools for inspecting and debugging web pages.
JavaScript - mdn/webextensions-examples
mdn/webextensions-examples
4,447Auf GitHub ansehenDieses Projekt ist eine Referenzbibliothek und Sammlung praktischer Codebeispiele für den Bau von Browser-Erweiterungen unter Verwendung der WebExtensions-APIs. Es bietet Implementierungsleitfäden und funktionale Beispiele für Kernkomponenten von Erweiterungen, einschließlich Content-Skripten, Hintergrundprozessen und Browser-Action-Popups. Das Repository konzentriert sich auf die Demonstration spezifischer Implementierungsmuster für die Anpassung der Browser-UI und die Manipulation von Webseiten. Es enthält Beispiele für das Erstellen von Sidebars, Kontextmenüs und Optionsseiten sowie Techniken zum Injizieren von Skripten und Styles, um DOM-Elemente und das Seitenaussehen zu verändern. Das Projekt deckt eine breite Palette von Funktionen ab, einschließlich Inter-Prozess-Kommunikation durch Messaging-Bridges, Abfangen und Modifizieren von Netzwerkanfragen sowie die Verwaltung von Browser-Tabs, Verlauf und Lesezeichen. Es bietet zudem Beispiele für Persistenz via Local Storage, Identitätsprüfung mittels OAuth2 und die Integration benutzerdefinierter Panels in Browser-Entwicklertools.
Provides examples for registering custom panels and sidebars within the browser's developer tools.
JavaScript - dejan/rails_panel
dejan/rails_panel
3,869Auf GitHub ansehenRails Panel is a developer tool for Ruby on Rails applications that combines performance monitoring, metadata inspection, and source code linking. It functions as a browser extension and server-side middleware that transmits diagnostic data through HTTP response headers to display application metrics directly within browser developer tools. The tool provides a bridge between the browser and local development environments, enabling deep linking from rendered web pages to specific files and line numbers in a configured text editor. It covers request analysis and observability, including the i
Provides a custom panel within browser developer tools to display server-side diagnostic data.
JavaScriptchrome-extensionruby-on-rails - webhintio/hint
webhintio/hint
3,703Auf GitHub ansehenHint is a web development linter and static analysis tool that audits HTML, CSS, and JavaScript. It provides a suite of specialized validators designed to ensure compliance with accessibility standards, web security header requirements, and general development best practices. The project distinguishes itself by analyzing a wide range of web quality metrics, including browser compatibility for CSS and JavaScript features and PWA configuration validation. It also includes an analyzer for measuring page load speeds, caching, and compression strategies to optimize web performance. The system is
Provides a visual interface within browser developer tools to run site scans against multiple hint sets.
TypeScripta11ybest-practiceshacktoberfest
