https://github.com/pfgray/lti-debugger

View and debug LTI requests within the browser
https://github.com/pfgray/lti-debugger

Last synced: 2 months ago
JSON representation

View and debug LTI requests within the browser

• Host: GitHub
• URL: https://github.com/pfgray/lti-debugger
• Owner: pfgray
• Created: 2022-11-28T15:29:46.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-07-21T22:10:55.000Z (6 months ago)
• Last Synced: 2024-10-14T16:12:02.032Z (3 months ago)
• Language: TypeScript
• Size: 310 KB
• Stars: 9
• Watchers: 3
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

• awesome-lti - View & debug LTI requests from within the developer tools
• awesome-lti - View & debug LTI requests from within the developer tools

README

        
## View & debug LTI requests from within the developer tools

This plugin adds a "Lti Debugger" pane in the developer tools which listens for LTI requests, and displays them as they resolve. It also parses JWT parameters, and displays them as navigable JSON.





Screenshot:

![screenshot of the LTI Debugger extension](./lti-debugger.png)

### Local Development

```

yarn install

yarn build

yarn start

```

### Local manual installation

1. Use `scripts/build.sh` to build the archive for your browser:

```

./scripts/build.sh "firefox" # for firefox

./scripts/build.sh "chrome" # for chrome

```

2. Install the plugin:

For chrome:

A. Navigate to chrome://extensions/ in chrome

B. Enable "Developer Mode"

C. Click "Load Unpacked" and navigate to `lti-debugger/dist`

For Firefox

A. Navigate to about:debugging in firefox

B. Click "This Firefox" -> "Load Temporary Add-on"

C. Choose lti-debugger/pkg/firefox/lti-debugger-{version}.zip