microsoft / microsoft/vscode-livepreview

"Open Devtools Pane" does not work in browser-based Codespaces

Open
#513 2 comments 0 reactions 1 assignee View on GitHub

@andreamah is already working on this.

Since Jun 29, 2023.

bug
Dominant language
TypeScript
Stars
596
Forks
119
Avg merge
1d 4m
Merged PRs (30d)
5

Description

Issue replication: The issue can be replicated by running Codespaces in the browser and pressing the "Open Devtools Pane" button. I was able to replicate this issue on all the browsers that I tried, namely:

  • On Ubuntu 20.04: Firefox 114.0, Chrome 114.0.5735.106
  • On iOS 16.5: Safari 16.4.1
  • On Meta Quest 2 54.0: Meta Quest Browser 27.3.0

The issue: After pressing the button, nothing happens - not even an error message is displayed.

Option 1) Browser-based Codespaces have inherent limitation and they can't display the Devtools Pane. In this case either the button should be disabled or a message should be displayed saying that this feature is unsupported.

Option 2) Browser-based Codespaces are supposed to be able to open the Devtools Pane and this should be fixed.

Personally I hope it's the second option as I was really looking forward to using browser-based Codespaces for web development on a mobile device. It's really hard to work without the Devtools Pane due to the fact, that you can't easily access the Developer Tools on mobile browsers.

In the meantime is there some other extension that could replicate the functionality of Devtools Pane and works in the browser-based Codespaces?

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.