Skip to content

Commit 44df0be

Browse files
author
Timothy Johnson
committed
Update README for chrome
1 parent f90c2b1 commit 44df0be

File tree

3 files changed

+30
-6
lines changed

3 files changed

+30
-6
lines changed

README.md

Lines changed: 28 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,20 @@
11
# Svelte DevTools
22

3-
Svelte DevTools extends the Firefox developer tools with the ability to inspect Svelte component hierarchies and modify component state.
3+
Svelte DevTools extends the Firefox and Chrome developer tools with the ability to inspect Svelte component hierarchies and modify component state.
44

55
## Limitations
66

7-
Svelte DevTools works by intercepting and instrumenting the generated svelte bundle. This means that **minification or other modifications to the generated bundle may prevent Svelte DevTools from working.**
7+
Svelte DevTools works by intercepting and instrumenting the generated svelte bundle. This means that **minification or any other modifications to the generated bundle may prevent Svelte DevTools from working.**
88

99
## Installation
1010

11-
Pre-packaged `xpi` archives can be downloaded from the releases page. Simply open the archive in firefox to install.
11+
Svelte DevTools is still in beta and has yet to be published to the respective extension stores. However pre-packaged archives can be downloaded from the releases page.
1212

13-
### From source
13+
### Firefox
14+
15+
Download the `xpi` archive from the release page and simply open the file in firefox to install.
16+
17+
#### From source
1418

1519
Unsigned addons can't be install in firefox permanently but addons can be installed temporarily from the `about:debugging` page.
1620

@@ -24,3 +28,23 @@ npm run package
2428
This should generate a zip file under `web-ext-artifacts`.
2529

2630
2. Open `about:debugging` in firefox. Click "Load Temporary Add-on" and choose the generated zip file.
31+
32+
### Chrome
33+
34+
1. Download the `zip` archive from the release page and unpack it.
35+
2. Open chrome and navigate to `chrome://extensions/`.
36+
3. Turn on developer mode using the 'Developer mode' switch in the upper right hand corner of the page.
37+
3. Click 'Load Unpacked' and select the directory contain the extension files.
38+
39+
#### From source
40+
41+
1. Clone this repository and run the build script.
42+
```
43+
git clone https://github.com/RedHatter/svelte-devtools.git
44+
cd svelte-devtools
45+
npm install
46+
npm run build
47+
```
48+
2. Open chrome and navigate to `chrome://extensions/`.
49+
3. Turn on developer mode using the 'Developer mode' switch in the upper right hand corner of the page.
50+
3. Click 'Load Unpacked' and select the `dest` directory.

dest/manifest.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"manifest_version": 2,
33
"name": "Svelte Devtools",
44
"version": "0.0.1",
5-
"description": "An extension that allows inspection of Svelte component hierarchy and state in the Firefox Developer Tools.",
5+
"description": "An extension that allows inspection of Svelte component hierarchy and state in the Firefox and Chrome developer tools.",
66
"icons": {
77
"24": "svelte-logo.svg",
88
"48": "svelte-logo.svg",

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "svelte-devtools",
33
"version": "0.0.1",
4-
"description": "An extension that allows inspection of Svelte component hierarchy and state in the Firefox Developer Tools.",
4+
"description": "An extension that allows inspection of Svelte component hierarchy and state in the Firefox and Chrome developer tools.",
55
"license": "MIT",
66
"repository": "github:RedHatter/svelte-devtools",
77
"scripts": {

0 commit comments

Comments
 (0)