Liero
Liero

Reputation: 27338

How to use map filesystem folder to debug original sources in Chromium Developer Tools

I have a website running at https://somewebsite.com/.

I have the original typescript file available locally at C:/projects/myapp/wwwroot/js/site.ts

How do I map my source file in Edge's/Chrome developer tools so that I can debug it?

When I add C:/projects/myapp/wwwroot/ local folder to workspace, the files are not linked.

However, when the same website is running on localhost, and I add the local folder to workspace, it works!

Upvotes: 0

Views: 567

Answers (2)

Liero
Liero

Reputation: 27338

As @YouZhou answered, I cannot map a local folder, but I can use overrides:

  1. Right click the typescript file and choose Save for overrides

    enter image description here

  2. Then paste the content of local file to the overriden file

Upvotes: 0

Yu Zhou
Yu Zhou

Reputation: 12961

Yes, you can only use Workspace with localhost sites. For detailed information, you can refer to this thread.

So the only way to map filesystem folder to debug the site is hosting the site in localhost first. About detailed steps of working with Workspaces, you can refer to this doc.

Upvotes: 1

Related Questions