From a289c758d486f074efba345a89620260970df9d6 Mon Sep 17 00:00:00 2001 From: Valentin Kruglikov Date: Tue, 7 Jan 2025 01:33:22 +0700 Subject: [PATCH] Update readme.md --- README.md | 2 +- packages/extension/README.md | 25 +++++++++++++++++++++++-- 2 files changed, 24 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index acfb289..a6794f1 100644 --- a/README.md +++ b/README.md @@ -74,7 +74,7 @@ Chrome Extension is not yet published to Chrome Web Store, because it's in waiti [![Chrome Web Store](https://img.shields.io/chrome-web-store/v/jkclaelcdjjledfendcippjbhngkhkpm.svg)](https://chrome.google.com/webstore/detail/jkclaelcdjjledfendcippjbhngkhkpm) -You can only install it downloading the build and loading it as an unpacked extension. +You can only install it downloading the build and [loading it as an unpacked extension](./packages/extension/README.md). [![Download Chrome Extension](https://img.shields.io/badge/download-chrome_extension_dist-ff6a33)](https://github.com/vkruglikov/msw-devtools-extension/releases/tag/%40msw-devtools%2Fextension%40latest) diff --git a/packages/extension/README.md b/packages/extension/README.md index 02758d1..b7c2a6b 100644 --- a/packages/extension/README.md +++ b/packages/extension/README.md @@ -1,8 +1,29 @@ ![Private](https://img.shields.io/badge/status-private-red?) -### Start dev server +## Start dev server ```bash npm run dev ``` -Open: http://localhost:8082/popup.html \ No newline at end of file +Open: http://localhost:8082/popup.html + +## Upload unpacked extension + +1. **Open the Extensions Settings in Chrome**: + - Click on the menu (three dots in the top-right corner of the browser). + - Select **"More tools" → "Extensions"**. + - Or type the following into the address bar: + ```text + chrome://extensions/ + ``` + +2. **Enable Developer Mode**: + - Toggle the **"Developer mode"** switch in the top-right corner of the page. + +3. **Load the Unpacked Extension**: + - [Download](https://github.com/vkruglikov/msw-devtools-extension/releases/tag/%40msw-devtools%2Fextension%40latest) the latest version of the extension or build it locally. + - Click the **"Load unpacked"** button. + - In the dialog that opens, select the folder `dist` containing your extension. + +4. **Verify the Extension is Loaded**: + - The extension will appear in the list of active extensions.