Electron中巢狀網頁

2021-10-19 06:17:09 字數 838 閱讀 2657

有時候需要在桌面應用程式中巢狀網頁,甚至是整個桌面應用程式的主要頁面全是巢狀進去的網頁,在electron中,官方文件就給了我們幾種不同的方案解決此問題

const mainwindow =

newbrowserwindow(}

);

"foo" src=

"" style=

"display:inline-flex; width:640px; height:480px"

>

<

/webview>

這是官網的乙個簡單示例

webview的功能非常強大,他有很多api可以使用,不僅僅是嵌入了乙個網頁,下面就來講一些常用的屬性和api

標籤屬性

browserview

這可以讓視窗承載更多的web內容,在主程序中使用,

// 在主程序中.

const

=require

('electron'

)const win =

newbrowserwindow()

const view =

newbrowserview()

win.

setbrowserview

(view)

view.

setbounds()

view.webcontents.

loadurl

('')

以上就是介紹的三種electron巢狀web頁面的方法

app中巢狀外部網頁

這個問一般有比較多的h5的乙個方法,乙個iframe,我這邊要求處理的比較簡單吧,用iframe就可以,比較簡單一些。首先正常的寫乙個子頁面,正常點選跳轉到子頁面,在子頁面新增iframe標籤,然後把你需要嵌入網頁的src路徑加入其中就可以了。返回的話,可以自己新增乙個頭部導航,也可以手機的物理返回...

VUE 網頁端改成桌面端(Electron)

展示效果 一 安裝vue cli 前提安裝 npm install g vue cli 安裝 vue version 查詢版本 二 建立專案 vue create 專案名 三 安裝成功後執行 vue add electron builder 四 執行 npm run electron serve 五...

在網頁中巢狀另一網頁 IFRAME標籤 詳解

src uri 嵌入式櫃架的頁面檔案路徑 name cdata 嵌入式櫃架的名字 longdesc uri 描述 width length 寬度 height length 高度 align top middle bottom left right 對齊方式 frameborder 1 0 櫃架邊框...