fmkadmapgofadopljbjfkapdkoienihi
Adds React debugging tools to the Chrome Developer Tools. React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools. You will get two new tabs in your Chrome DevTools: "Components ⚛" and "Profiler ⚛". The Components tab shows you the root React components that were rendered on the page, as well as the subcomponents that they ended up rendering. By selecting one of the components in the tree, you can inspect and edit its current props and state in the panel on the right. In the breadcrumbs you can inspect the selected component, the component that created it, the component that created that one, and so on. If you inspect a React element on the page using the regular Elements tab, then switch over to the React tab, that element will be automatically selected in the React tree. The Profiler tab allows you to record performance information. This extension requires permissions to access the page's React tree, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/facebook/react/tree/main/packages/react-devtools-extensions.
daily.dev | Developer News Done Right, in Every New Tab
Developer news, personalized to your stack, in every new tab. Join 400,000+ developers. Free and open source. Open a new tab and your personalized developer feed is already there. Curated from 2,000+ trusted blogs and publications, including GitHub Blog, Hacker News, Dev.to, freeCodeCamp, and hundreds more. Personalized to your interests and tech stack. The more you read, the smarter it gets, because it learns from you and from what over a million other developers find worth reading. 🏆 Product Hunt, Product of the Year ⭐ 18,000+ GitHub stars, fully open source at github.com/dailydotdev WHAT HAPPENS WHEN YOU INSTALL 1️⃣ Open any new tab. Your personalized reading experience is there. Technical articles, tutorials, and community discussions from 2,000+ sources, matched to your stack. 2️⃣ It gets smarter every day. AI personalizes it, and over a million developers help surface what matters. When they upvote, discuss, and share articles, the best content rises and the noise disappears. 3️⃣ Read, upvote, discuss. Every article has a conversation. You're not reading alone. See what others think, add your take, learn from the discussion. 4️⃣ Build a reading streak. Come back tomorrow and the next day. Track your streak, unlock achievements, climb leaderboards, and build a profile that grows over time. 5️⃣ Find your people. Join a Squad around React, DevOps, AI, cloud, mobile, open source, or whatever you care about. Share links, start discussions, learn together. Public or private. Most tools in this space are glorified RSS readers or algorithm-only experiences. daily.dev is different because the community is built in. Developers upvote articles, which teaches the system what actually matters. Not just what's new, but what's good. Discussions add context you can't get from reading alone. The real insight is often in the comments. Squads create focused curation around every topic and language. And AI personalizes on top of all of this, matching content to your specific stack and interests. Think of it as a feed curated by a senior engineer who shares your exact interests. • Personalized reading from 2,000+ sources, powered by AI + community signals • Multiple views: Popular, Upvoted, Discussed, Following • Custom feeds for different interests and stacks • Squads, communities around any topic • Reading streaks, achievements, and leaderboards • DevCard, a shareable developer identity card • Bookmarks with folders • Search across millions of posts • Dark mode and light mode • Available on Chrome, Edge, web app, iOS, and Android 🎯 WHO IS THIS FOR? • Developers who want to stay current without opening 10 sites every morning • Engineers who learn better when they can see what peers think is worth reading • Anyone who wants a daily reading habit that builds over time • Teams that share and discuss technical articles together in private Squads ⚡ YOUR WORKFLOW STAYS INTACT • Open a blank tab anytime, one click, always available • Browse without signing up. Register when you're ready to upvote, comment, or join Squads • Uninstall in 10 seconds if it's not for you • Your data stays yours. Open source, no data selling, ever 🔒 PERMISSIONS AND TRANSPARENCY This extension only replaces your New Tab page. It does: • DON'T track your browsing on other websites • DON'T read or modify content on other pages • DON'T access your browsing history • DON'T inject scripts into any website We only request what's needed to show your reading experience. Fully open source. Verify the code yourself at github.com/dailydotdev Unlock premium features: • Presidential Briefing: a personal agent scans the landscape daily, analyzes 100+ posts, and delivers a concise briefing • Smart Titles: improves clickbait headlines so you know what you're clicking • Clickbait Shield: detects and replaces misleading titles automatically 🌐 OPEN SOURCE AND PRIVACY daily.dev requests only the permissions it needs and never sells your data. GitHub: github.com/dailydotdev Privacy: daily.dev/privacy
Node Inspector Manager (NIM)
Manages DevTools with Node V8 Inspector (node --inspect) Debugging Workflow By installing you are agreeing to: PRIVACY POLICY - https://app.termly.io/document/privacy-policy/04164179-f943-4e87-ac8b-5afd0367dc6c PLEASE NOTE: Installing this via the Chrome Web Store does require the sharing of your email address with me (and only me). You are given notice of this via the webstore, but it's become and remains such an issue that I feel the need to make it OVER-abundantly clear. If you take issue with sharing your email address with me (mine is 667@june07.com by the way) please, I implore you to clone/fork a copy yourself and change what you don't like about the code and/or use alternate solutions (none of which are as good as NiM, but call me biased). Further feel free to contact me directly and have a chat. Unlike the behemoths like Facebook, Google, Amazon that you probably (and without hesitation) share your email address with, I actually care about the concerns of the actual people who choose to use the code I wrote (~99%) and am responsible for. Here is the privacy policy that goes along with NiM https://june07.com/privacypolicy. Thank you so much. This Chrome Extension streamlines your Node.js development cycle when using Chrome DevTools. NiM provides extended capabilities even compared with the new chrome://inspect option. Check out what Paul Irish of the Google Chrome team wrote about NiM... https://twitter.com/june07t/status/861664828909264896. NiM manages the Chrome DevTools window/tab life-cycle leaving you with more ability to focus on what matters... debugging your code. You no longer need to copy/paste DevTools URL's or continue opening/closing tabs/windows. NiM automatically detects the URL that is generated when running node (locally or remotely) with --inspect option. NiM provides you with the option of automatically opening and closing Chrome DevTools in a tab or window. Just toggle the Manual/Auto setting and then start a debugging session. DevTools will open either on clicking the "Open DevTools" button or after the specified timeout period. If set to auto close, once you end your debugging session, DevTools will close automatically. Use in 2 easy steps: 1. Install 2. Run node with --inspect flag (i.e. node --inspect hello.js) Features: - Manage and monitor Node Diagnostics and Reports - Manage and monitor local and remote debugging sessions - Manual or automatic control of DevTools interface - Open DevTools in a new tab or window - Make DevTools focused or inactive on start - Customize duration between v8 Inspector probes - Auto-save settings - Set custom DevTools bundle - Debug node processes launched by VSCode Note: By it's nature this extension requires permissions which "Read and change all your data on the websites you visit" Further to better serve and understand my user base the following permission is asked "Know your email address" The following URL will provide what I feel to be an informed viewpoint on the whole matter of permissions: https://palant.de/2016/07/02/why-mozilla-shouldn-t-copy-chrome-s-permission-prompt-for-extensions No information will ever be shared with 3rd parties. Further the source is open and available on GitHub. However should you still prefer it, a version is available which does not require sharing your email address: https://june07.com/NiM11. I will maintain the code (bug fixes), however feature additions will only be made to this branch. Please feel free to reach out to me 667@june07.com if you have any other concerns as I am open to discussion. Should any policies change there will be notice given of such changes. At the time of writing, the v8 --inspect option is fairly new. See https://nodejs.org/api/debugger.html#debugger_v8_inspector_integration_for_node_js for additional details on the option.d If you enjoy using NiM please give us a 5 star rating and/or a G+1. Any and all feedback is encouraged and welcome. 667@june07.com Thank you in advance. This project is open source and available at https://github.com/june07/NiM.
Apollo Client Devtools
GraphQL debugging tools for Apollo Client. Apollo Client Devtools is a Chrome extension for the open-source GraphQL client, Apollo Client. This extension has 4 main features: 1. A built-in version of the Apollo Studio Explorer that allows you to make queries against your GraphQL server using your app's network interface directly (no configuration necessary). 2. A query watcher that shows you which queries are being watched by the current page, when those queries are loading, and what variables those queries are using. 3. A mutation inspector that displays the mutations made to your Apollo Client application data. 4. A cache inspector that displays your Apollo Client cache data. You can explore the cache through a tree-like interface, and search for specific field keys and values. Code for this extension can be found at: https://github.com/apollographql/apollo-client-devtools
Allow CORS: Access-Control-Allow-Origin
Easily add (Access-Control-Allow-Origin: *) rule to the response header. Allow CORS: Access-Control-Allow-Origin lets you easily perform cross-domain Ajax requests in web applications. Simply activate the add-on and perform the request. CORS or Cross-Origin Resource Sharing is blocked in modern browsers by default (in JavaScript APIs). Installing this add-on will allow you to unblock this feature. Please note that, when the add-on is added to your browser, it is inactive by default (toolbar icon is grey C letter). If you want to activate the add-on, please open the toolbar popup and press the toggle button on the left side. The icon will turn to an orange C letter. If you have a feature request or found a bug to report, please fill out the bug report form on the add-on's homepage (https://mybrowseraddon.com/access-control-allow-origin.html).
