摘要:使用打開外部鏈接或文件管理器此系列文章的應(yīng)用示例已發(fā)布于可以或下載后運行查看歡迎中的模塊允許您訪問某些本地元素如文件管理器和默認(rèn)瀏覽器此模塊在主進(jìn)程和渲染器進(jìn)程中都可以工作在瀏覽器中查看完整文檔在文件管理器中打開路徑支持進(jìn)程當(dāng)前示例使
使用 Electron 打開外部鏈接或文件管理器
此系列文章的應(yīng)用示例已發(fā)布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下載后運行查看. 歡迎 Star .
Electron 中的 shell 模塊允許您訪問某些本地元素, 如文件管理器和默認(rèn) Web 瀏覽器.
此模塊在主進(jìn)程和渲染器進(jìn)程中都可以工作.
在瀏覽器中查看 完整 API 文檔.
在文件管理器中打開路徑支持: Win, macOS, Linux | 進(jìn)程: Both
當(dāng)前示例使用 shell 模塊在特定位置打開系統(tǒng)文件管理器.
單擊示例按鈕將在根目錄中打開文件管理器.
渲染器進(jìn)程
const shell = require("electron").shell const os = require("os") const fileManagerBtn = document.getElementById("open-file-manager") fileManagerBtn.addEventListener("click", function (event) { shell.showItemInFolder(os.homedir()) })打開外部鏈接
支持: Win, macOS, Linux | 進(jìn)程: Both
如果您不希望在當(dāng)前應(yīng)用程序中打開網(wǎng)站鏈接, 可以使用 shell 模塊在外部打開. 當(dāng)點擊鏈接之后將在用戶的默認(rèn)瀏覽器中打開.
當(dāng)點擊示例按鈕時, 將在您的瀏覽器中打開 Electron 的網(wǎng)站.
渲染器進(jìn)程
const shell = require("electron").shell const exLinksBtn = document.getElementById("open-ex-links") exLinksBtn.addEventListener("click", function (event) { shell.openExternal("http://electron.atom.io") })高級技巧
在外部打開所有出站鏈接.
您可能需要打開應(yīng)用外部的所有 http 和 https 鏈接. 為此, 查詢文檔并循環(huán)遍歷每個鏈接并添加一個監(jiān)聽器. 此應(yīng)用程序使用位于 assets/ex-links.js 下面的代碼.
渲染器進(jìn)程
const shell = require("electron").shell const links = document.querySelectorAll("a[href]") Array.prototype.forEach.call(links, function (link) { const url = link.getAttribute("href") if (url.indexOf("http") === 0) { link.addEventListener("click", function (e) { e.preventDefault() shell.openExternal(url) }) } })
如果這邊文章對您有幫助, 感謝 下方點贊 或 Star GitHub: electron-api-demos-Zh_CN 支持, 謝謝.
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/81829.html
摘要:本文主要講解的入門??梢詭椭覀児芾戆南螺d依賴部署發(fā)布等??梢哉J(rèn)為是中的。后續(xù)使用中,全部替換為即可。命令根據(jù)它,自動下載所需模塊用于創(chuàng)建窗口和處理系統(tǒng)事件安裝包的位置。 Electron是什么 可以認(rèn)為Electron是一種運行環(huán)境庫,我們可以基于此,用HTML、JS和CSS寫桌面應(yīng)用。PC端的UI交互,主要有web應(yīng)用和桌面應(yīng)用。具體采用哪種方式,主要看系統(tǒng)的應(yīng)用場景,哪個更合適...
摘要:三配置環(huán)節(jié)目的一是為之后的環(huán)節(jié)初始化工作流參數(shù),二是準(zhǔn)備好應(yīng)用文件夾內(nèi)容即要打包的目標(biāo)文件夾做的事解析命令行參數(shù),初始化工作參數(shù),填充配置文件,把配置文件和相關(guān)依賴文件導(dǎo)入到文件夾內(nèi)合適的 首發(fā)于酷家樂前端博客,作者@摘星(segmentfault @StinsonZhao) 我們能從很多地方學(xué)習(xí)到怎么起一個 Electron 項目,有些還會介紹怎么打包或構(gòu)建你的代碼,但距離「真正地...
摘要:導(dǎo)致下載流程受阻問題中使用到子進(jìn)程的時候,是把子進(jìn)程當(dāng)作一個外部依賴來做的,打包后并不會將子進(jìn)程的代碼打進(jìn)到包中,需要額外進(jìn)行配置。子進(jìn)程中用的第三方包都需要在中進(jìn)行配置。 在公司開發(fā)的下載器過程中,遇到的一些坑點 1.electron中彈窗的確認(rèn)取消以及系統(tǒng)自帶的叉號之間的關(guān)系 場景:在用戶退出app時,需要提示用戶是否確認(rèn)退出,此時彈窗出現(xiàn),如果點擊確認(rèn)就繼續(xù)退出,執(zhí)行回調(diào),否則的...
摘要:使用從協(xié)議處理器啟動應(yīng)用程序此系列文章的應(yīng)用示例已發(fā)布于可以或下載后運行查看歡迎模塊提供了處理協(xié)議的方法這些方法允許您設(shè)置協(xié)議和取消協(xié)議來讓你的應(yīng)用成為默認(rèn)的應(yīng)用程序類似于當(dāng)瀏覽器請求您查看網(wǎng)頁時的默認(rèn)值在瀏覽器中查看完整文檔從其他應(yīng) 使用 Electron 從協(xié)議處理器啟動應(yīng)用程序 此系列文章的應(yīng)用示例已發(fā)布于 GitHub: electron-api-demos-Zh_CN. 可以...
閱讀 2474·2023-04-25 14:22
閱讀 3827·2021-11-15 18:12
閱讀 1362·2019-08-30 15:44
閱讀 3288·2019-08-29 15:37
閱讀 815·2019-08-29 13:49
閱讀 3521·2019-08-26 12:11
閱讀 976·2019-08-23 18:28
閱讀 1667·2019-08-23 14:55