kjbnobdekbdpankopjnpjklfgklhcjeo
Software engineer's friend. Copy code from any website with a single click. Streamline your coding workflow by instantly copying code blocks from any website—perfect for developers, learners, and technical writers. One-Click Code Copying Easily copy code blocks with a single click, no manual selection needed. Flexible Interaction Modes Choose how you interact: double-click, hover to reveal a copy button, or enable both—tailored to your browsing preferences. Hover Mode with Visual Feedback Adds an inline “Copy” button on hover, using reliable clipboard logic with fallback support and toast confirmation—even when the modern Clipboard API is unavailable. Keyboard Shortcut Toggle (Alt + C) Instantly enable or disable copying with a simple keyboard shortcut. Your preference is saved across tabs and sessions. Customizable Toast Notifications Personalize your experience with light, dark, or fully custom toast themes—preview changes instantly in the extension’s options page. Right-Click Context Menu Support Prefer menu-based actions? Use the “Copy Code” option directly from the right-click context menu. Persistent Settings Storage All preferences—copy state, interaction mode, and theme—are stored using Chrome’s storage APIs or localStorage to ensure they persist across browsing sessions.
MD Code Extractor - Code Blocks to Files
MD Code Extractor is a powerful Chrome extension that helps you convert code blocks from Markdown format into individual files with just a few clicks. **How to Use:** 1. Copy a code block from any Markdown page 2. Click the extension icon 3. Click "Find Code Blocks" 4. Optionally edit file names 5. Click "Download as ZIP" to save files **Privacy:** - No data is sent to our servers - All processing happens locally in your browser - Uses only minimum required permissions **Support:** For any issues or suggestions, please open an issue on GitHub. **Key Benefits:** - Save time by automatically extracting code blocks - Keep your code organized with automatic language detection - Customize file names and extensions to match your needs - Work offline - no internet required for processing - Simple and intuitive user interface - Lightweight and fast performance Whether you're researching code examples, collecting snippets for documentation, or saving code blocks for later use, MD Code Extractor streamlines your workflow and saves valuable time. Try it now and transform how you work with code blocks in Markdown! Note: This extension respects your privacy and security by processing all content locally in your browser.
Developer DOM Inspector
A powerful, Chrome DevTools-style DOM inspector that helps developers and QA engineers visually analyze, debug, and understand web page layouts with precision. 📦 VISUAL BOX MODEL INSPECTOR - Color-coded margin, padding, border, and content layers - Live overlay visualization while hovering - Instant box model calculations 🎨 SMART CSS FILTERING - Shows only non-default, meaningful CSS properties - Groups properties by category (Layout, Typography, Flexbox, Grid) - Toggle between filtered and complete CSS views - Hex color codes for easy copying - Syntax-highlighted, DevTools-style formatting 🔄 FLEXBOX & GRID VISUALIZATION - Visual direction indicators for flex containers - Grid line overlays for grid layouts - Auto-detection of layout types 📱 RESPONSIVE DESIGN TESTING - Test multiple device viewports (iPhone, iPad, Desktop) - Custom viewport dimensions - Zoom controls and rotation - Side-by-side comparison mode 📏 DISTANCE MEASUREMENT TOOL - Measure precise pixel distances between elements - Horizontal and vertical spacing calculations - Visual measurement lines with arrows - Overlap detection ⬚ ELEMENT OUTLINE MODE - Color-coded outlines for all page elements - Quick visual hierarchy understanding - Different colors for divs, semantic HTML, media, forms, etc. 🗂️ INTELLIGENT ELEMENT SELECTION - Multiple element tracking - Breadcrumb navigation through DOM tree - Click breadcrumbs to inspect parent elements - History navigation (undo/redo for inspected elements) 🚀 PERFECT FOR ✓ Front-end Developers - Debug layouts and CSS issues quickly ✓ QA Engineers - Verify design implementation accuracy ✓ UI/UX Designers - Inspect spacing, typography, and colors ✓ Web Developers - Learn from other websites' CSS ✓ Students - Understand how websites are built 1. Click the DOM Inspector icon in your toolbar 2. Choose from the floating menu: • 🔍 Inspect Element - Click any element to analyze • ⬚ Outline All - See page structure at a glance • 📏 Measure Distance - Calculate spacing between elements • 📱 Responsive Mode - Test different screen sizes 3. View detailed CSS information in the panel 4. Copy CSS with one click 5. Navigate element hierarchy via breadcrumbs - Lightweight and fast - No page reload required - Works on any website - Clean UI that doesn't interfere with your work - Easy cleanup with one click Perfect for learning CSS! See exactly how professional websites implement: - Flexbox and Grid layouts - Responsive designs - Typography systems - Spacing scales - Color schemes - Only activates when you click the icon - No data collection - No external requests - Works completely offline - Open source and transparent Unlike browser DevTools: ✓ Simpler, focused interface ✓ Visual box model overlays ✓ Smart CSS filtering (no noise) ✓ Built-in responsive testing ✓ Distance measurement tool ✓ Outline mode for quick understanding ✓ No learning curve Found a bug or have a suggestion? We'd love to hear from you! Visit our support page or leave a review. Made with ❤️ for web developers worldwide. Install now and start inspecting smarter!
Codelab Code Copier
Copia código ao lado do botão adicionado pela extensão. Funciona em páginas com tutoriais codelab. Esta extensão possibilita copiar códigos de uma página web que é um codelab. Codelab (veja uma lista completa de codelabs em https://codelabs.developers.google.com/ ou em https://angoti.github.io/) é um tutorial de alguma tecnologia que usa código para a implementação. Quando acionada, esta extensão insere um botão dentro da caixa onde se encontra o código a ser copiado. Quando este botão é pressionado, a extensão copia o código para a área de transferência. Esta extensão é uma facilidade ofertada pelo Professor Edson Angoti Júnior do Instituto Federal do Triângulo Mineiro - Campus Uberlândia Centro - Curso Superior de Tecnologia em Sistemas para Internet / Curso Técnico em Desenvolvimento de Sistemas
Copy-Code
Appends a button to all code snippets to instantly copy the code to clipboard. Extension available for stackoverflow.com, moodle.up.pt and much more. This project is open source and you also can contribute with ideas
