mirror of
https://github.com/supabase/supabase.git
synced 2026-05-08 09:50:33 -04:00
Lydia Hallie
a26c01217d
* Update Environment Variables docs * Update Dependencies docs * Add Function Configuration d ocs * Add custom Configuration section in Navigation * Add Error Handling section * Add new HTTP Methods section * Update Deno 2 Guide * Update nav * Rm deno2 nav * Update Deploy section * Update CI/CD section * Update Logging * Update Testing * Update Local Debugging * Update Troubleshooting * Update Nav * Update CLI Quickstart * Update Dashboard Quickstart * Update Development Environment * Update Nav * Fix links * Update apps/docs/content/guides/functions/quickstart-dashboard.mdx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * Update apps/docs/content/guides/functions/development-environment.mdx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * Update apps/docs/content/guides/functions/development-environment.mdx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * Update apps/docs/content/guides/functions/quickstart.mdx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * Use $CodeSample for multi-root example * Use tocVideo instead of video embed * Rm typo * Switch Quickstart ordering * Rephrase Docker requirement for deployment * Add Project Structure section * style: fix docs lint issues * Update Regional Invocations * Update Error Handing * Fix linting * Fixes * Remove duplicate sections * Update Auth integration * Update Storage * Update Database/Postgres * Update Nav * Update Background Tasks * Update Ephemeral Storage * Update Websockets * Update Routing * Update wasm * Update AI models * Fix linting issues * Update apps/docs/content/guides/functions/ai-models.mdx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * Update apps/docs/content/guides/functions/ai-models.mdx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * Update apps/docs/content/guides/functions/ai-models.mdx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * Update apps/docs/content/guides/functions/storage-caching.mdx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * Update apps/docs/content/guides/functions/websockets.mdx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * Update apps/docs/content/guides/functions/websockets.mdx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * Update apps/docs/content/guides/functions/ai-models.mdx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * Rm unnecessary lines * Rm wrong example * Fix typo * Rm deno2 * Move CICD to deployment and rename routing * Fix whitespace * rm unnecessary spelling --------- Co-authored-by: Charis <26616127+charislam@users.noreply.github.com>
28 lines
1.7 KiB
Plaintext
28 lines
1.7 KiB
Plaintext
---
|
|
id: 'functions-debugging-tools'
|
|
title: 'Local Debugging'
|
|
description: 'How to use Chrome DevTools to debug Edge Functions.'
|
|
subtitle: 'Debug your Edge Functions locally using Chrome DevTools for easy breakpoint debugging and code inspection.'
|
|
tocVideo: 'sOrtcoKg5zQ'
|
|
---
|
|
|
|
Since [v1.171.0](https://github.com/supabase/cli/releases/tag/v1.171.0) the Supabase CLI supports debugging Edge Functions via the v8 inspector protocol, allowing for debugging via [Chrome DevTools](https://developer.chrome.com/docs/devtools/) and other Chromium-based browsers.
|
|
|
|
### Inspect with Chrome Developer Tools
|
|
|
|
1. Serve your functions in inspect mode. This will set a breakpoint at the first line to pause script execution before any code runs.
|
|
```bash
|
|
supabase functions serve --inspect-mode brk
|
|
```
|
|
2. In your Chrome browser navigate to `chrome://inspect`.
|
|
3. Click the "Configure..." button to the right of the Discover network targets checkbox.
|
|
4. In the Target discovery settings dialog box that opens, enter `127.0.0.1:8083` in the blank space and click the "Done" button to exit the dialog box.
|
|
5. Click "Open dedicated DevTools for Node" to complete the preparation for debugging. The opened DevTools window will now listen to any incoming requests to edge-runtime.
|
|
6. Send a request to your function running locally, e.g. via curl or Postman. The DevTools window will now pause script execution at first line.
|
|
7. In the "Sources" tab navigate to `file://` > `home/deno/functions/<your-function-name>/index.ts`.
|
|
8. Use the DevTools to set breakpoints and inspect the execution of your Edge Function.
|
|
|
|
|
|
|
|
Now you should have Chrome DevTools configured and ready to debug your functions.
|