使用electron中的webView標籤

2021-08-13 17:52:15 字數 494 閱讀 2311

使用這個標籤和正常寫網頁相似,在你的html檔案中新增標籤

src=""

autosize="on"

minwidth="1350"

minheight="660" >

webview>

根據官方的說法,webview標籤在瀏覽器中,載入完成之後是在裡面巢狀了乙個object標籤。這樣這個object標籤我們不方便控制他的寬高。那麼我們可以使用如下css來進行設定webview顯示的寬高.

然後在script標籤中使用如下js,來獲取到webview這個物件。從而方便接下來對webview的操作

var webview =

onload = () =>

使用這個標籤的時候,需要注意乙個東西,就是在main.js中千萬不要使用屬性

webpreferences:
這是在頁面是禁止使用node語法。

electron使用總結

electron開發文件 環境安裝 安裝node npm 建立專案 1從github拉取示例專案 git clone 2進入專案目錄electron quick start 3修改配置main.js檔案 將mainwindow.loadfile index.html 改為mainwindow.loa...

把 web 專案 改成 Electron 專案

返回目錄 安裝 electronnpm i d electron latest 修改 webpack.config.js module.exports package.json 省略 載入 index.html 檔案 win.loadfile dist index.html 開啟開發者工具 win....

Electron中巢狀網頁

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