> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: Locate and Open Frontend Source Files

## Article: Locate and Open Frontend Source Files

## Article Link: https://dev.wix.com/docs/develop-websites/articles/workspace-tools/testing-monitoring/testing-troubleshooting/locate-and-open-frontend-source-files.md

## Article Content:

# Locate and Open Frontend Source Files

When debugging your site's frontend code, you may want to view a copy of the code files in your browser's developer tools.

To locate and open the files:

1. Identify the names of the files that contain your site's frontend code. The names of these files appear in the Wix Developer Console when you preview your site They also appear in the browser developer console.

    ![Developer console filename](https://wixmp-833713b177cebf373f611808.wixmp.com/images/70041265fd4a1dfe29c1bc998fbc7b18.png)

1. Browse to your site (published or in [Preview mode](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/testing-monitoring/testing-troubleshooting/about-testing-your-code-in-preview-mode.md)) and open your browser's developer tools.
1. Open the file search bar.

    - In Chrome press **command/Ctrl+O**.
    - In Firefox, open the **Debugger** panel in the developer tools and press **command/Ctrl+P**.

1. Type the name of your code file and select it from the search results to open it.

    ![Select code file](https://wixmp-833713b177cebf373f611808.wixmp.com/images/8163fd532bdaae8cdaeed150b555535b.png)

## See also

- [About Debugging Your Code](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/testing-monitoring/testing-troubleshooting/about-debugging-your-code.md)
- [About Testing Your Code in Preview Mode](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/testing-monitoring/testing-troubleshooting/about-testing-your-code-in-preview-mode.md)