簡體   English   中英

如何在 VSCode 中打開瀏覽器,就像另一個編輯器選項卡一樣

[英]How to open a browser within VSCode just like another editor tab

對於 VSCode 擴展,我希望不在外部打開 VSCode 中的瀏覽器,其中我可以加載一些 URL ( https://developers.redhat.com/ )

I tried looking into various options to achieve it in VScode extension, what i came across is with help of webview ie 'vscode.previewHtml' we can pass html content which would be rendered with in VSCode editor tab, but what i have is url to加載。 可以將其傳遞給 iframe 但我無法在 iframe 中打開它

另一種選擇是在瀏覽器中打開它,但它會打開外部瀏覽器。

我需要的是在 IDE (VSCode) 中打開一個瀏覽器,體驗應該類似於我們為'vscode.previewHtml'獲得的體驗

或者正如我們在 eclipse 之類的 IDE 中看到的,其中瀏覽器 window 在 IDE 內打開。

正如我們在下面看到的

在此處輸入圖像描述

請提供意見,建議

為了呈現您的 html,您可以使用WebView APIhttps ://code.visualstudio.com/docs/extensions/webview

現在可以不用擴展了。 打開命令面板( CTRL + P )並搜索“簡單瀏覽器:顯示”。

這是它的外觀:

vscode 瀏覽器標簽

該問題的已刪除答案包括指向 Github 存儲庫的鏈接,該存儲庫有一個非常有前途但仍在開發中的 VS 代碼中的瀏覽器選項卡。 我不能說它是否有效或效果如何,而且它沒有我可以看到的編譯擴展,但我認為至少應該注意這個鏈接。

https://github.com/FabianLauer/chrome-vs-code

微軟有一個開發中的擴展Live Preview 我用它來查看 VSCODE 內部的 html 編解碼器報告,它至少適用於此。

您只需在擴展中搜索它並將其添加到 VSCODE

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM