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