vscode中iframe的使用

2022-02-02 21:57:53 字數 533 閱讀 3781

vscode中iframe由於某種原因不支援本地頁面,比如這樣的。

但是支援遠端網路位址,比如像

其實我最不想使用的就是iframe,最符合我實際需要的僅僅是location.href,但是vscode內部不支援location.href,所以我只能採取iframe,但是使用iframe,我需要寫大量的js來控制,覺得這種實現很不好。

由此我突發乙個設想,為了解決目前的業務需要,我有兩個想法:

第一、就通過iframe裡面嵌入外網位址,外網位址專案由後台人員編寫,這樣的話,有些功能是可以復用的便於效率的提高;

第二、既然vscode中的webview只能支援單頁面,那麼我可以採用現在業界的spa開發(單頁面應用)。

忘記補充一點:iframe如果嵌入本地的介面,會出現空白,但是從瀏覽器上開啟卻顯示正常,換成網路位址就都沒有問題。

由於某種原因上述兩個想法實現起來可能所需的時間不滿足現在的快速迭代,只能暫時延後,不過呢,我還是要記錄一下,說不定其他的小夥伴會需要。

關於spa(vue.js應用例項)可以參考vue.js菜鳥教程:

vscode中bootstrap外掛程式的使用

1 外掛程式安裝 開啟vscode,選擇擴充套件功能 ctrl x 搜尋bootstrap 3 snippets 和bootstrap 4 snippets 2 bootstrap的提示功能 在html檔案中,輸入bs3 可以彈出提示,而且是以元件的形式彈出。比如我想要輪播圖,輸入bs3 carou...

VSCode的Remote SSH功能的使用

許多商用的應用都是在linux環境上執行,如何方便的修改linux上的檔案就是乙個比較麻煩的事情,針對這個問題,vscode新加入了乙個remote ssh的外掛程式非常簡單的解決了這個問題,host localhost hostname 127.0.0.1 user root port 22 fo...

獲取Iframe中的元素

使用jquery在父視窗中獲取iframe中的元素 格式 iframe的id contents find iframe中控制項的id 事件 方式1 iframe中控制項的id document.frames iframe的name document 事情 方式2事例 iframeid content...