Skip to content

README_EN.md

Latest commit

Β 

History

History
211 lines (163 loc) Β· 7.42 KB

README_EN.md

File metadata and controls

211 lines (163 loc) Β· 7.42 KB

FeHelper - Frontend Helper

FeHelper Logo

30+ developer tools | Chrome / Edge / Firefox browser extension

Chrome Web Store Chrome Web Store Users GitHub Stars History CI

δΈ­ζ–‡ | ζ—₯本θͺž | ν•œκ΅­μ–΄

Website Β· Online docs Β· Feedback

Feature overview

JSON

Feature Description
JSON formatter Auto/manual format, syntax highlighting, fold/unfold, node path, lossless BigInt precision
JSON diff Structured diff between two JSON documents with highlighted differences
JSON to Excel One-click export of JSON data to Excel

Encode/Decode

Feature Description
Unicode Chinese ↔ \uXXXX conversion
URL / UTF-8 / UTF-16 %XX / \xXX encode and decode
Base64 Encode and decode
Hex String ↔ hexadecimal
MD5 / SHA1 Digest
Gzip Compress/decompress via CompressionStream API
JWT Decode Header + Payload + Sign
Cookie Format as JSON
HTML entities Normal/deep encode and decode
String escaping Escape/unescape \n \t \", etc.

Development & debugging

Feature Description
Code beautifier Format JavaScript / CSS / HTML / XML / SQL
Code minify Minify HTML / JS / CSS
Regular expressions Live match and replace
Simple Postman GET / POST / HEAD API debugging
WebSocket Connection testing and message analysis
Userscript Page script injection

Converters

Feature Description
Timestamp Unix ↔ date, multi-timezone world clock, Windows FILETIME conversion
Radix conversion Base 2/4/8/10/16 with BigInt for large integers without loss
Color HEX / RGB / HSL / HSV with alpha

Images & generation

Feature Description
QR code Generate (optional logo, colors, size) and scan/decode
Barcode Code128 / Code39 / EAN-13 / EAN-8 / UPC / ITF-14
UUID / ID generator UUID v4, Snowflake ID (generate + parse), NanoID
Image Base64 Image ↔ Base64
Page screenshot Viewport / full-page scrolling capture
Color picker Pick colors from any element
SVG conversion SVG ↔ PNG and other formats

Other tools

Feature Description
AI assistant Code optimization, design, research
Mock data Names, phones, IDs, addresses, etc.
Random password Length and character sets
Sticky notes Categories, import/export
Markdown HTML β†’ Markdown, PDF download
Poster Multi-template posters
Charts Multiple chart types and visualization
Page performance Load timing analysis

Recent updates

v2026.04 β€” major improvements

New

  • Barcode generation (Code128 / EAN-13 / UPC and six formats)
  • UUID v4 / Snowflake ID / NanoID generator (new tool page)
  • Windows FILETIME ↔ date conversion
  • String escape/unescape encode/decode
  • Radix conversion BigInt support (large integers without loss)

Security

  • Replaced project-wide evalCore dynamic execution with safer approaches
  • Fixed Toast / innerHTML XSS
  • Improved Content Script injection (insertCSS instead of misused APIs)
  • _codeBeautify fileType allowlist validation

Fixes

  • Lossless JSON BigInt handling (pure module json-utils.js)
  • Service Worker sleep (chrome.alarms instead of setTimeout)
  • Content Script: document_idle + all_frames: false to fix crashes on sites like Google Meet
  • Timestamp 0 validation
  • Code beautifier let/const compatibility

Engineering

  • Unit tests: Vitest + 79 cases
  • CI/CD: GitHub Actions
  • ESLint
  • Removed dead dependencies and code
  • Babel target Chrome 58 β†’ 100

Installation

Browser stores (recommended)

Browser Install
Chrome Chrome Web Store
Edge Microsoft Edge Add-ons
Firefox Firefox Add-ons

From source

git clone https://github.com/zxlie/FeHelper.git
cd FeHelper
npm install
npm test        # run tests

Open chrome://extensions/ β†’ Developer mode β†’ Load unpacked β†’ select the apps directory.

Offline install

Download CRX or ZIP from Chrome-Stats and drag onto chrome://extensions/.

Development

npm install          # dependencies
npm test             # Vitest unit tests
npm run test:watch   # watch mode
npm run test:coverage # coverage
npx eslint apps/     # lint

Project layout

FeHelper/
β”œβ”€β”€ apps/                    # Extension source
β”‚   β”œβ”€β”€ manifest.json        # Chrome Extension MV3 manifest
β”‚   β”œβ”€β”€ background/          # Service Worker
β”‚   β”œβ”€β”€ popup/               # Popup
β”‚   β”œβ”€β”€ options/             # Settings + tool marketplace
β”‚   β”œβ”€β”€ json-format/         # JSON formatter
β”‚   β”œβ”€β”€ en-decode/           # Encode/decode
β”‚   β”œβ”€β”€ timestamp/           # Timestamp
β”‚   β”œβ”€β”€ trans-radix/         # Radix conversion
β”‚   β”œβ”€β”€ qr-code/             # QR code + barcode
β”‚   β”œβ”€β”€ uuid-gen/            # UUID / Snowflake ID
β”‚   β”œβ”€β”€ code-beautify/       # Code beautifier
β”‚   └── ...                  # More tools
β”œβ”€β”€ test/                    # Vitest tests
β”œβ”€β”€ .github/workflows/       # CI/CD
β”œβ”€β”€ vitest.config.js
β”œβ”€β”€ eslint.config.js
└── package.json

Contributing

  1. Fork the repo
  2. Branch: git checkout -b feature/your-feature
  3. Commit: git commit -m 'Add some feature'
  4. Push: git push origin feature/your-feature
  5. Open a Pull Request

Contact

License

MIT License

If FeHelper helps you, please give it a Star!

Star History Chart