explaingit

zxlie/fehelper

5,585JavaScriptAudience · developerComplexity · 1/5Setup · easy

TLDR

A browser extension for Chrome, Firefox, and Edge that bundles dozens of web developer utilities into one popup, including JSON formatting, encoding tools, API testing, QR codes, and a color picker.

Mindmap

mindmap
  root((repo))
    JSON tools
      Auto-format on page
      Side-by-side diff
    Encode and decode
      Base64 URL Unicode MD5
    API testing
      GET POST HEAD requests
      WebSocket testing
    Other utilities
      QR code generator
      Color picker
      Screenshot tool
      Markdown editor
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Automatically pretty-print and explore JSON data on any web page without copying it to an external tool.

USE CASE 2

Test HTTP API calls using GET, POST, and HEAD requests directly from your browser without leaving the page.

USE CASE 3

Generate or scan QR codes with custom colors, convert timestamps, and pick colors from any element on a webpage.

USE CASE 4

Convert an HTML page to Markdown, encode and decode Base64 or URL strings, and take full-page screenshots.

Tech stack

JavaScriptChrome Extension API

Getting it running

Difficulty · easy Time to first run · 5min

Install from Chrome Web Store, Edge Add-ons, or Firefox Add-ons, no configuration required to start using any tool.

In plain English

FeHelper is a browser extension for Chrome, Firefox, and Microsoft Edge that bundles a collection of utilities aimed at web developers. Instead of switching between separate online tools, you get everything in a single extension popup. The README is written in Chinese. The included tools cover a wide range of everyday developer tasks. For JSON data, there is a formatter that automatically detects and prettifies JSON on any page, plus a side-by-side comparison tool that highlights differences between two JSON blobs. For encoding and decoding, it handles Unicode, URL encoding, Base64, and MD5. It can generate and scan QR codes with custom colors. Code beautification and minification are supported for JavaScript, CSS, HTML, XML, and SQL. There is a lightweight API request tool similar to Postman that supports GET, POST, and HEAD requests, plus a WebSocket testing tool. Other tools include a timestamp converter, a random password generator, a simple note-taking app with folder organization, a Markdown editor with HTML-to-Markdown conversion, a full-page screenshot tool, and a color picker that lets you click any element on a webpage to get its color value. A recent update added an AI assistant for tasks like writing and reviewing code. The extension also lets you drag and reorder the tools in the popup to suit your own workflow, and the order is saved locally so it persists across browser restarts. Installation is available through the Chrome Web Store, Microsoft Edge Add-ons, and Firefox Add-ons. The README notes that accessing the Chrome Web Store may require a VPN in some regions. A direct download of the packaged extension file is also offered on the project website.

Copy-paste prompts

Prompt 1
Using FeHelper's JSON formatter, show me how to open a raw API response in the browser and compare it side by side with a second response to spot differences in the data structure.
Prompt 2
Show me how to use FeHelper's built-in API request tool to make a POST request with a JSON body to my local server and inspect the response headers.
Prompt 3
I need to generate a QR code using FeHelper for a URL that includes query parameters, walk me through customizing the colors to match my brand.
Prompt 4
How do I use FeHelper's Markdown editor to paste raw HTML and convert it to clean Markdown text I can paste into a README?
Prompt 5
Walk me through reordering the tools in the FeHelper popup so the ones I use most appear at the top and persist after I restart the browser.
Open on GitHub → Explain another repo

← zxlie on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.