All Projects → xpl → Crx Hotreload

xpl / Crx Hotreload

Licence: unlicense
Chrome Extension Hot Reloader

Programming Languages

184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Crx Hotreload

Awesome Chrome Extension Boilerplate
Use react + typescript + webpack to enhance your chrome extension development experience
Stars: ✭ 146 (-73.21%)
Mutual labels:  hot-reload, chrome-extension, chrome
Browser Addon
Kee adds free, secure and easy password management features to your browser which save time and keep your private data more secure.
Stars: ✭ 386 (-29.17%)
Mutual labels:  chrome-extension, chrome
Easy To Rss
🚀 Chrome/Firefox Extension to retreive RSS feeds URLs from WebSite, RSSHub supported
Stars: ✭ 386 (-29.17%)
Mutual labels:  chrome-extension, chrome
1click Webpage Screenshot
Entire page Screenshot extension for Google Chrome. I'm developing open source extension for Google Chrome. All extension are free for use. Let's make Chrome great again!
Stars: ✭ 406 (-25.5%)
Mutual labels:  chrome-extension, chrome
Vue Chrome Extension Template
vue chrome extension template
Stars: ✭ 532 (-2.39%)
Mutual labels:  hot-reloading, chrome-extension
Browser Extension Analysis Framework - Scan, Analyze Chrome, firefox and Brave extensions for vulnerabilities and intels
Stars: ✭ 351 (-35.6%)
Mutual labels:  chrome-extension, chrome
Svg Screenshots
📸🧩 Browser extension to take scalable, semantic, accessible screenshots of websites in SVG format.
Stars: ✭ 404 (-25.87%)
Mutual labels:  chrome-extension, chrome
Chrome Extension for streaming music from SoundCloud & YouTube
Stars: ✭ 320 (-41.28%)
Mutual labels:  chrome-extension, chrome
Stars: ✭ 456 (-16.33%)
Mutual labels:  chrome-extension, chrome
A tool designed to assist with finding all sinks and sources of a web application and display these results in a digestible manner.
Stars: ✭ 464 (-14.86%)
Mutual labels:  chrome-extension, chrome
Dark Themes for Popular Websites
Stars: ✭ 467 (-14.31%)
Mutual labels:  chrome-extension, chrome
Hls Downloader Web Extension
Web Extension for sniffing and downloading HTTP Live streams (HLS)
Stars: ✭ 510 (-6.42%)
Mutual labels:  chrome-extension, chrome
Bilibili Helper O
哔哩哔哩 ( 辅助工具,可以替换播放器、推送通知并进行一些快捷操作
Stars: ✭ 3,717 (+582.02%)
Mutual labels:  chrome-extension, chrome
Webextension Toolbox
Small CLI toolbox for cross-browser WebExtension development
Stars: ✭ 365 (-33.03%)
Mutual labels:  chrome-extension, chrome
Automatically sync your leetcode solutions to your github account - top 5 trending GitHub repository
Stars: ✭ 316 (-42.02%)
Mutual labels:  chrome-extension, chrome
💥Chrome Extension for GitHub that view stars / star history / organizing starred repository
Stars: ✭ 394 (-27.71%)
Mutual labels:  chrome-extension, chrome
Markdown Viewer
Markdown Viewer / Browser Extension
Stars: ✭ 497 (-8.81%)
Mutual labels:  chrome-extension, chrome
Crx Selection Translate
一站式划词 / 截图 / 网页全文 / 音视频翻译扩展。
Stars: ✭ 3,603 (+561.1%)
Mutual labels:  chrome-extension, chrome
Upme Plus
Smart Automation inside your browser for free. Start earning and double your followers
Stars: ✭ 318 (-41.65%)
Mutual labels:  chrome-extension, chrome
Display Github Trending repositories on Chrome New Tab Extensions
Stars: ✭ 418 (-23.3%)
Mutual labels:  chrome-extension, chrome

Chrome Extension Hot Reloader

Watches for file changes in your extension's directory. When a change is detected, it reloads the extension and refreshes the active tab (to re-trigger the updated scripts).

Here's a blog post explaining it (thanks to KingOfNothing for the translation).


  • Works by checking timestamps of files
  • Supports nested directories
  • Automatically disables itself in production
  • And it's under a 40 lines of code!

How To Use

  1. Drop hot-reload.js to your extension's directory.

  2. Put the following into your manifest.json file:

    "background": { "scripts": ["hot-reload.js"] }

Also, you can simply clone this repository and use it as a boilerplate for your extension.

Installing From NPM

It is also available as NPM module:

npm install crx-hotreload

Then use a require (or import) to execute the script.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].