A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.chrome.com/docs/devtools/developer-resources below:

Developer Resources: View and manually load source maps | Chrome DevTools

Developer Resources: View and manually load source maps

Stay organized with collections Save and categorize content based on your preferences.

Use the Developer Resources panel to check if DevTools loads source maps successfully. If required, you can load them manually.

Key point: To learn how source maps can make debugging easier for you, see Debug your original code instead of deployed with source maps. Overview

When you open DevTools, it attempts to load source maps, if any. In case of failure, the Console logs an error similar to the following.

In the Developer Resources panel, you can view the source map load status and even load source maps manually.

Open Developer Resources and check status

To check the load statuses of source maps:

  1. Open DevTools, make sure to enable source maps, and navigate to more_vert > More tools > Developer Resources.

  2. In the table, check the values in the following columns:

Filter resources by URL or Error

To focus on source maps that interest you, enter text in the textbox at the top to filter out source maps that don't contain this text in URLs or error messages.

Troubleshoot loading source maps

By default, DevTools requests source maps rather than the website. Such requests may be treated as cross-origin and might not get through.

To make the website request source maps first, in the top right corner of Developer Resources, check Load through website.

If you still have issues with loading source maps, try to load them manually as described next.

Load a source map manually

If you encounter load failures or, for example, want to debug your original code on a website in production that lacks source maps, you can load them manually:

  1. Generate source maps using tools that support them.
  2. Host the source maps locally.
  3. Open DevTools on your page and make sure to enable source maps.

  4. Open the deployed (processed) file in Sources, right-click it in the Editor, and select Add source map from the menu.

  5. In the textbox, specify the source map URL and click Add.

  6. Check if the source map appeared in Developer Resources and the original file (mapped from the deployed one) in the file tree.

  7. Proceed to debug your original file.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2023-04-26 UTC.

[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2023-04-26 UTC."],[],[]]

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4