Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 中文字幕一二区,免费在线精品视频,91精品中文字幕

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          Electron,可以將web網頁程序包裝成桌面應用

          Electron,可以將web網頁程序包裝成桌面應用

          lectron是一個使用 JavaScript、HTML 和 CSS 構建桌面應用程序的框架,內嵌Chromium,Nodejs,可以用JavaScript寫同一份代碼,發布到不同平臺的本地應用,支持Windows、macOS,Linux。

          通過它可以把我們日常用的一些網頁進行包裝,做成桌面上點開的應用,想用的時候直接點開就行了,不用打開谷歌、微軟等瀏覽器,輸入網頁進到網站那么麻煩。下面看一下實際代碼示例和演示效果。

          1、安裝node,npm

          2、新建一個文件夾,命名為項目名字,比如my-electron-app,切換到該目錄下運行命令:

          mkdir my-electron-app && cd my-electron-app
          npm init

          在該目錄下會生成一些代碼文件,其中package.json中有一些對項目的描述和作者描述,最重要的是main:main.js,表名程序的主入口是main.js文件代碼。

          3、將electron包安裝到開發依賴中,

          npm install --save-dev electron

          4、在項目目錄下的package.json配置文件中的scripts字段下增加一條start命令:

          5,在項目目錄下新建main.js文件,添加代碼

          const path=require('path')
          const { app, BrowserWindow }=require('electron');
          function createWindow () {
            const win=new BrowserWindow({
              width: 800,
              height: 600
            })
          
            win.loadURL('https://music.163.com/')
          }
          
          app.whenReady().then(()=> {
            createWindow()
          })
          
          app.on('window-all-closed', function () {
            if (process.platform !=='darwin') app.quit()
          })

          這里示例,我們將網易云音樂網頁包裝成桌面應用,圖標點開直達網易云音樂。

          6、執行命令,運行看效果

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          7、這里介紹了Electron的簡單用法示例,還有更多更深層次的應用大家可以發揮想象。

          ?大家好,我是為廣大程序員兄弟操碎了心的小編,每天推薦一個小工具/源碼,裝滿你的收藏夾,每天分享一個小技巧,讓你輕松節省開發效率,實現不加班不熬夜不掉頭發,是我的目標!

          ??今天小編推薦一款跨平臺桌面軟件開發框架——electron-egg,簡而言之就是你可以用JavaScript寫windows、Mac、Linux桌面程序。

          特性

          • 直接打包成windows版、Mac版、Linux版或者以web網站運行。
          • 可以用服務端的開發思維,來編寫桌面軟件。
          • 也可以用前端來開發,數據服務請求外部api即可。
          • 服務端的技術場景幾乎都可以使用,如:路由、中間件、控制器、服務、定時任務、隊列、插件等。
          • 軟件自動更新。

          開源協議

          ??使用 Apache-2.0 開源許可協議

          鏈接地址

          截圖預覽

          使用vue編寫,經典三欄樣式,可自定義

          項目案例

          結尾

          ??本期就分享到這里,我是小編南風吹,專注分享好玩有趣、新奇、實用的開源項目及開發者工具、學習資源!希望能與大家共同學習交流。

          記錄我的2024#

          大家好,又見面了,我是 GitHub 精選君!

          背景介紹

          在現代軟件開發過程中,桌面應用的需求依然旺盛。不論是為了提高工作效率,還是改善用戶體驗,開發者們常常需要將網頁應用轉化為桌面應用。然而,傳統的桌面應用開發既耗時又復雜,特別是當需要同時支持 Mac、Windows 和 Linux 三大平臺時。此外,使用如 Electron 這樣的框架雖然可以簡化跨平臺開發,但往往會帶來龐大的包體積和較慢的運行速度。這些核心痛點嚴重影響了開發效率和用戶體驗。

          今天要給大家推薦一個 GitHub 開源項目 tw93/Pake,該項目在 GitHub 有超過 23.2k Star。

          一句話介紹該項目:Turn any webpage into a desktop app with Rust.

          項目介紹

          Pake 是一個利用 Rust Tauri 框架,能夠輕松將任何網頁轉化為體積小、速度快的桌面應用。與基于 JavaScript 的框架相比, Pake 打包出的應用體積幾乎是 Electron 包的 1/20 (大約 5M),這得益于 Tauri 框架的優異性能,它使得 Pake 比 JS 基礎框架更加輕量和快速。

          項目特點包括:

          1、幾乎比 Electron 包體積小 20 倍(約 5M)

          2、利用 Rust Tauri,實現了更輕量、更快速的應用體驗

          3、提供快捷方式透傳、沉浸式窗口和最小化定制等“電池級”包裝

          4、簡單易用,用 Tauri 替代傳統打包方式,即便 PWA 也能勝任

          如何使用

          使用 Pake 構建您的桌面應用非常簡單:

          1、先確保你的計算機上安裝了 Rust >=1.63Node >=16。安裝指南可以參考 Tauri 文檔

          2、使用 NPM 安裝 Pake 的命令行工具:

          npm install -g pake-cli

          3、使用命令行打包你的網頁應用:

          pake https://weekly.tw93.fun --name Weekly --hide-title-bar

          詳細命令行使用手冊請查閱項目的文檔。以下是幾個示例:

          項目推介

          目前,Pake 已經在 GitHub 上獲得了開源社區的廣泛關注。它支持 Mac、Windows 和 Linux 三大平臺,有著豐富的應用實例,包括但不限于 WeRead, Twitter, ChatGPT, YouTube Music 等流行服務。

          以下是該項目 Star 趨勢圖(代表項目的活躍程度):

          更多項目詳情請查看如下鏈接。

          開源項目地址:https://github.com/tw93/Pake

          開源項目作者:tw93

          以下是參與項目建設的所有成員:

          關注我們,一起探索有意思的開源項目。


          主站蜘蛛池模板: 2018高清国产一区二区三区| 精品福利一区3d动漫| 免费视频精品一区二区三区| 国产精品自拍一区| 国产激情一区二区三区小说| 无码乱码av天堂一区二区| 亚洲国产精品一区第二页| 亚洲中文字幕乱码一区| 精品亚洲一区二区三区在线观看 | 精品一区二区三区视频在线观看| 成人免费视频一区二区三区| 波多野结衣精品一区二区三区| 亚洲永久无码3D动漫一区| 日韩伦理一区二区| 免费无码一区二区三区蜜桃大 | 国产一区二区三区福利| 中文字幕无线码一区| 国产精品熟女视频一区二区| 人妻AV中文字幕一区二区三区| 国产av一区二区精品久久凹凸 | 国产伦理一区二区三区| 国产精品高清一区二区三区| 亚洲第一区精品观看| 午夜在线视频一区二区三区| 少妇激情一区二区三区视频| 午夜福利一区二区三区在线观看 | 亚洲熟妇成人精品一区| 麻豆aⅴ精品无码一区二区| 国产一区二区三区精品视频| 中文字幕在线无码一区二区三区| 色天使亚洲综合一区二区| 国产对白精品刺激一区二区| 精品国产一区二区三区AV| 无码一区二区三区爆白浆| 内射一区二区精品视频在线观看| 伊人色综合一区二区三区影院视频| 国产精品揄拍一区二区| 全国精品一区二区在线观看| 熟女少妇精品一区二区| 人妻天天爽夜夜爽一区二区| 亚洲av无一区二区三区|