当前位置:首页 > 技术分析 > 正文内容

25.4K Star!轻松将任何网页打包成桌面应用

ruisui882个月前 (03-01)技术分析9


我们经常要打开多个网页应用,尤其是一些常用在线工具,每次都得从浏览器中来回切换标签页,实在太麻烦了。

而且浏览器打开的标签页一多,电脑还会出现卡顿情况,让我们非常的困扰。

最近,我在 GitHub 上发现了一款能将任何网页轻松打包成多端桌面应用的开源工具:Pake

它能把我们常用的网页直接变成桌面应用,一键就能打开,无需再频繁切换浏览器,最棒的是它占用的资源非常少。

用上 Pake 之后,对我来说,Pake 不仅简化了操作,还大大提升了日常使用的效率。

接下来,让我带大家详细了解它。

项目特点

  • 相比 Electron 打包,更加轻量小巧,安装包要小将近 20 倍,仅仅 5M 上下。
  • 基于 Rust Tauri 框架,速度更快、性能更好、内存更小;
  • 实现了快捷键的透传、沉浸式的窗口、拖动、样式改写、去广告、风格定制等特性
  • 提供命令行一键打包,并支持 Mac、Windows、Linux 系统;
  • 项目完全开源免费,并提供众多常用包下载。

热门安装包

ChatGPT

YouTube

Poe

小红书

以上,应用均可以到 Release 页面找到对应安装包,感兴趣的可以去下载安装。

使用指南

作为刚接触 Pake 的同学,建议先下载前面列举的热门安装包先体验 Pake 的能力。

如果对此感兴趣了,即使你是技术小白也能轻松上手使用 Pake,因为它提供了「命令行一键打包」工具。

可以更快捷方便地一键自定义打你需要的安装包。尤其对于 Mac 用户来说,执行如下命令即可:

# 使用 npm 进行安装
npm install -g pake-cli
# 命令使用
pake url [OPTIONS]...
# 随便玩玩,首次由于安装环境会有些慢,后面就快了
pake https://weekly.tw93.fun --name Weekly --hide-title-bar

如果你不会使用命令行,也可选择 GitHub Actions 在线编译多系统版本,在项目上提供详细教程,按步骤操作即可。

定制开发

如果你是一名开发者,需要对项目进行二次开发,请保证环境安装了 Rust >= 1.63Node >= 16

此外,还需要参考 Tauri 文档快速配置好环境才可以开始使用,执行如下命令:

# 安装依赖
npm i


# 本地开发[右键可打开调试模式]
npm run dev


# 打包应用
npm run build

高级用法

  1. 在开始二次开发前,建议先了解下项目的代码结构;
  2. 修改 src-tauri 目录下 pake.json 中的 urlproductName 字段,需同步修改下 tauri.config.json 中的 domain 字段,以及 tauri.xxx.conf.json 中的 iconidentifier 字段,其中 icon 可以从 icons 目录选择一个。如果没有找到合适的,可以去 macOSicons 下载符合效果的。
  3. 关于窗口属性设置,可以在 pake.json 修改 windows 属性对应的 width/height,fullscreen 是否全屏,resizable 是否可以调整大小。比如你想适配 Mac 沉浸式头部,可以将 hideTitleBar 设置成 true,找到 Header 元素加一个 padding-top 样式即可,不想适配改成 false 也行。
  4. 更多如样式改写、屏蔽广告、逻辑代码注入、容器消息通信、自定义快捷键等可看项目 高级用法

写在最后

以上,便是 Pake 工具的详细介绍。

总的来说,Pake 能帮我们快速将网页打包成轻量、快捷的桌面应用,解决浏览器占用资源问题,轻松提升日常使用体验。

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/2361.html

分享给朋友:

“25.4K Star!轻松将任何网页打包成桌面应用” 的相关文章

K8s里我的容器到底用了多少内存?

作者:frostchen导语 Linux下开发者习惯在物理机或者虚拟机环境下使用top和free等命令查看机器和进程的内存使用量,近年来越来越多的应用服务完成了微服务容器化改造,过去查看、监控和定位内存使用量的方法似乎时常不太奏效。如果你的应用程序刚刚迁移到K8s中,经常被诸如以下问题所困扰:容器的...

一次Java内存占用高的排查案例,解释了我对内存问题的所有疑问

问题现象7月25号,我们一服务的内存占用较高,约13G,容器总内存16G,占用约85%,触发了内存报警(阈值85%),而我们是按容器内存60%(9.6G)的比例配置的JVM堆内存。看了下其它服务,同样的堆内存配置,它们内存占用约70%~79%,此服务比其它服务内存占用稍大。那为什么此服务内存占用稍大...

Vue学习笔记之动态路由的参数传递应用及技巧

路由的参数传递:①通过params的类型· 配置路由格式:/router/:id· 传递的方式:在path后面跟上对应的值· 传递后形成的路径:/router/list,/router/profile这个就是前两篇中提到的"动态路由"中有应用过这个方法:②通过query的类型(对象方...

SpringBoot2.X+Vue+UniAPP,全栈开发医疗小程序

//xia仔のke:chaoxingit.com/208/全栈开发医疗小程序:利用Spring Boot 2.X、Vue和UniApp在当今数字化时代,医疗行业也在不断地迈向信息化和智能化的方向。开发一款医疗小程序,能够为用户提供便捷的医疗服务和信息查询,为医疗机构提供高效的管理和服务渠道。本文将介...

thinkphp8+vue3微信小程序商城,发布公众号App+SAAS+多商户

项目介绍三勾小程序商城基于thinkphp8+vue3+element-ui+uniapp打造的面向开发的小程序商城,方便二次开发或直接使用,可发布到多端,包括微信小程序、微信公众号、QQ小程序、支付宝小程序、字节跳动小程序、百度小程序、android端、ios端。支持主题色+自定义头部导航+自定义...

微信研发新功能,或许有你最期待的

微信在我们日常社交中担任着非常重要的角色,不管是用于学习还是工作,我们越来越离不开微信,微信的任何一个小的变化都会影响到现如今超过12亿的微信用户。就在前一段时间,微信更新了一个“拍一拍”的功能,只要双击好友头像,头像就会有抖动并带有文字提示,一时间众多网友在朋友圈疯狂刷屏,虽然觉得这个功能毫无用处...