上一篇我介紹了如何在VSCode Webview中實作點擊鏈接下載圖片或檔案，本文介紹如何在默認瀏覽器中打開一個新的頁面，
在瀏覽器中，如果要實作打開一個新的頁面有許多種不同的方法，例如：
window.open("https://www.cnblogs.com/jaxu", "_blank");
或者直接在頁面上放一個<a>標簽：<a href="https://www.cnblogs.com/jaxu" target="_blank">點我</a>，當然這個標簽也可以是動態生成的：
let a= document.createElement('a');
a.target= '_blank';
a.href= "https://www.cnblogs.com/jaxu";
a.click();
但是這些方法在VSCode Webview中依然不作業，查看Developer Tools中的Console，會看到一行諸如"Blocked opening 'https://www.cnblogs.com/jaxu' in a new window because the request was made in a sandboxed frame whose 'allow-popups' permission is not set."的錯誤，看樣子需要在Webview生成的iframe中添加allow-popups屬性許可，我簡單查了一下相關檔案，對于如何添加allow-popups并沒有比較具體的說明（如果有小伙伴找到了也可以在評論區中告知，多謝！），
參照我們在上一篇中的辦法，打開一個新頁面可以通過VSCode內置的Command openExternal在Server端來實作：
await vscode.env.openExternal(vscode.Uri.parse(sUrl));
Client端可以通過回應標簽的onclick事件直接呼叫Server端暴露出來的API來打開一個新的頁面，只不過默認情況下VScode會彈出一個提示：
點擊Configure Trusted Domains可以將要打開的頁面的domain保存起來，這樣下次就不會再出提示了，
Trusted Domains可以在VSCode的命令面板(Ctrl + Shift + P)中輸入Manage Trusted Domains打開，該設定項貌似不是單獨存放在一個組態檔中，而且好像也不能通過代碼進行預先設定，感興趣的同學可以查看下面這個檔案：
在VSCode的Webview中，有許多行為是受限制的，我猜這些限制也是出于安全方面的考慮，如果發現通過常規的方法無法實作所要的功能，那么可以查看一下VSCode內置的Command，看看有沒有哪個Command提供了相同的功能，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/552041.html
標籤：其他
上一篇：ReactHub：我用 ChatGPT 搞了一個 React 的資源導航網站，誰有我用心啊！
下一篇：返回列表