Skip to content

Commit f3062c3

Browse files
authored
docs: add precisions about running for development with bookmarklet (#2626)
2 parents 5fe4118 + 9861e90 commit f3062c3

File tree

1 file changed

+10
-2
lines changed

1 file changed

+10
-2
lines changed

README.md

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -60,13 +60,21 @@ Internet explorer will open an iframe instead of a popup due to the lack of supp
6060

6161
For development:
6262

63-
- run `pnpm serve:bookmarklet`
64-
- create a bookmark (make sure you unblock the popup when you run the bookmarklet):
63+
- In a terminal:
64+
- run `pnpm serve:bookmarklet`
65+
- In your browser:
66+
- If Ember Inspector is installed as an active extension, deactivate it
67+
- Visit the Ember app you want to inspect
68+
- Open the developer tool console and execute the following (make sure you unblock the popup when you run the bookmarklet):
6569

6670
```javascript
6771
javascript: (function() { var s = document.createElement('script'); s.src = 'http://localhost:9191/bookmarklet/load_inspector.js'; document.body.appendChild(s); }());
6872
```
6973

74+
Or to do this more easily in the future, create a new bookmark in your browser, and copy the above script as the URL.
75+
76+
The expected behavior is a new window opening with the URL `http://localhost:9191/bookmarklet/<pane-root>/index.html?inspectedWindowURL=<inspected-app-url>`, running your local ember-inspector. The content should be the same as the one you see when using the published extension, but not properly styled.
77+
7078
## Building and Testing:
7179

7280
Run `pnpm install && pnpm add -g ember-cli` to install the required modules.

0 commit comments

Comments
 (0)