使用 Electron 打開外部鏈接或文件管理器

xiyang 發布于2019-08-20 14:40 / 3732人閱讀

摘要：使用打開外部鏈接或文件管理器此系列文章的應用示例已發布于可以或下載后運行查看歡迎中的模塊允許您訪問某些本地元素如文件管理器和默認瀏覽器此模塊在主進程和渲染器進程中都可以工作在瀏覽器中查看完整文檔在文件管理器中打開路徑支持進程當前示例使

使用 Electron 打開外部鏈接或文件管理器

此系列文章的應用示例已發布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下載后運行查看. 歡迎 Star .

Electron 中的 shell 模塊允許您訪問某些本地元素, 如文件管理器和默認 Web 瀏覽器.

此模塊在主進程和渲染器進程中都可以工作.

在瀏覽器中查看完整 API 文檔.

在文件管理器中打開路徑

支持: Win, macOS, Linux | 進程: Both

當前示例使用 shell 模塊在特定位置打開系統文件管理器.

單擊示例按鈕將在根目錄中打開文件管理器.

渲染器進程

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 | 進程: Both

如果您不希望在當前應用程序中打開網站鏈接, 可以使用 shell 模塊在外部打開. 當點擊鏈接之后將在用戶的默認瀏覽器中打開.

當點擊示例按鈕時, 將在您的瀏覽器中打開 Electron 的網站.

渲染器進程

const shell = require("electron").shell

const exLinksBtn = document.getElementById("open-ex-links")

exLinksBtn.addEventListener("click", function (event) {
  shell.openExternal("http://electron.atom.io")
})

高級技巧

在外部打開所有出站鏈接.

您可能需要打開應用外部的所有 http 和 https 鏈接. 為此, 查詢文檔并循環遍歷每個鏈接并添加一個監聽器. 此應用程序使用位于 assets/ex-links.js 下面的代碼.

渲染器進程

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 支持, 謝謝.

GPU云服務器云服務器 electron使用webrtc 外部鏈接外部鏈接切換服務器拒絕外部鏈接

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81829.html

Electron入門介紹

摘要：本文主要講解的入門。可以幫助我們管理包的下載依賴部署發布等。可以認為是中的。后續使用中，全部替換為即可。命令根據它，自動下載所需模塊用于創建窗口和處理系統事件安裝包的位置。 Electron是什么可以認為Electron是一種運行環境庫，我們可以基于此，用HTML、JS和CSS寫桌面應用。PC端的UI交互，主要有web應用和桌面應用。具體采用哪種方式，主要看系統的應用場景，哪個更合適...

wing324 2019-08-21 18:41 評論0 收藏0
用 Electron 打造 Win/Mac 應用，從「代碼」到可下載的「安裝包」，可能比你想得麻煩一

摘要：三配置環節目的一是為之后的環節初始化工作流參數，二是準備好應用文件夾內容即要打包的目標文件夾做的事解析命令行參數，初始化工作參數，填充配置文件，把配置文件和相關依賴文件導入到文件夾內合適的首發于酷家樂前端博客，作者@摘星（segmentfault @StinsonZhao）我們能從很多地方學習到怎么起一個 Electron 項目，有些還會介紹怎么打包或構建你的代碼，但距離「真正地...

LdhAndroid 2019-08-21 17:30 評論0 收藏0
electron開發過程中遇到的一些坑

摘要：導致下載流程受阻問題中使用到子進程的時候，是把子進程當作一個外部依賴來做的，打包后并不會將子進程的代碼打進到包中，需要額外進行配置。子進程中用的第三方包都需要在中進行配置。在公司開發的下載器過程中，遇到的一些坑點 1.electron中彈窗的確認取消以及系統自帶的叉號之間的關系場景：在用戶退出app時，需要提示用戶是否確認退出，此時彈窗出現，如果點擊確認就繼續退出，執行回調，否則的...

FingerLiu 2019-08-26 10:36 評論0 收藏0
使用 Electron 從協議處理器啟動應用程序

摘要：使用從協議處理器啟動應用程序此系列文章的應用示例已發布于可以或下載后運行查看歡迎模塊提供了處理協議的方法這些方法允許您設置協議和取消協議來讓你的應用成為默認的應用程序類似于當瀏覽器請求您查看網頁時的默認值在瀏覽器中查看完整文檔從其他應使用 Electron 從協議處理器啟動應用程序此系列文章的應用示例已發布于 GitHub: electron-api-demos-Zh_CN. 可以...

sarva 2019-08-21 16:58 評論0 收藏0