下载地址:

Download (MacOS)

Download (Windows)

什么是 Kuuga

Kuuga 是一个基于 Electron + VueJS 构建的跨平台桌面应用,能够转化任何 Web 页面为桌面应用。

Kuuga 这个名称来源于《假面骑士古迦》。古迦是一个为了保护人们笑容而选择和恶魔战斗的英雄,他能够根据战斗场合的不同而切换不同的战斗模式——而这款工具也从古迦中获得了灵感,像古迦的战斗一样,它能够把不同的 Web 页面转化成对应的桌面应用,适应不同的使用场合。

使用方法

当你打开 Kuuga 的时候,映入眼帘的是一个极简风格的界面,里面只包含输入框和按钮。

现在让我们一起来把第一个 Web 页面转化成桌面应用吧!

你只需要简单地把 Web 页面的地址填写进去,同时赋予这个应用一个自定义名称即可。当然你更可以拖入一张 PNG 图片作为应用的图标。一切准备就绪之后,点击“Create”按钮就可以打开这个应用啦!

可以看到,YouTube 从一个原生窗口被打开了,意味着它现在已经成为了你的一个桌面应用。

要想管理所添加的应用也是非常简单的,只需要把鼠标悬停在应用的图标上面,即可对对应的应用进行编辑。此外,你也可以从系统状态栏里面切换不同的应用。

以上就是 Kuuga 的全部用法,是不是很简单呢?赶紧试试吧!更多的用法还请大家继续摸索啦!

开发

KuugaElectron + VueJS 构建而成。对于开发者来说,可以根据下面的步骤在自己的机器上跑起来:

  1. 克隆项目到本地:

    git clone https://github.com/jrainlau/kuuga.git
    复制代码
  2. 安装依赖:

    cd kuuga && npm install
    复制代码
  3. 分开运行渲染进程和主进程:

    npm run serve
    复制代码
    npm run electron:dev
    复制代码

在发布新版本之前,可以先运行 build 命令:

npm run build
复制代码

一个包含了 Kuuga 所有可执行代码的名为 /release 的目录已经在根目录下生成,接下来运行 Electron 检查一下是否一切运行正常:

npm run electron:build
复制代码

如果一切正常,那么就可以运行把 Kuuga 打包成桌面应用的命令了:

# for MacOS
npm run pack:mac# for Windows
npm run pack:win
复制代码

证书

MIT

转载于:https://juejin.im/post/5c90f0e2f265da60fb3be76c

Kuuga——转化任何 Web 页面为桌面应用的跨平台工具相关推荐

  1. Web页面在桌面上显示的后台基本步骤

    一个Web页面如何出现在你的电脑屏幕上,以下是幕后的基本步骤: 例如访问:地址是http://www.osssi.com/article/1/120 的web页面. 浏览器把URL拆分成了三个部分: ...

  2. 设计好脾气的Web页面

    随着技术的进步,Web设计的理念与技法也在不断发展.设备种类越来越多,带给我们的挑战也越来越大.怎样以最合理的方式使设计方案能够最大程度地适应各种设备的性能与规格属性,这是我们在工作当中必须考虑的问题 ...

  3. 如何把python可视化到前端_python数据可视化的效果如何在web页面中展示_北京可视化股票...

    有什么APP可以展示可视化的任务进度 可视化任务进度软件,使用敬业签,具体可视有事项开始时间,进度及人.还有结束时间以及人员处理速等等,更多功能如下: 1.敬业签是一款功能比较全面的桌面便签软件,分为 ...

  4. 小tip: base64:URL背景图片与web页面性能优化(转载)

    今天在代码看到css北京图片使用了base64格式表示图片,SO,百度了一下.感觉完全可以解释了. 一.base64百科 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在H ...

  5. web页面jsp页面的打印

    报表在信息系统中占据了极为重要的位置,广义上讲,报表主要以多样的格式呈现和打印动态数据,动态数据主要指保存在数据库中的数据,也可以是文本中的数据.XML数据.Hibernate数据.EJB数据.自定义 ...

  6. electron应用通过web页面按钮唤醒

    1.环境依赖: electron:10.4.7 node:v14.18.2 2.业务需求: 通过web页面上某个按钮,从而打开electron的桌面应用app.(并接受网页的传参name=" ...

  7. html设置樱花飘落效果,jQuery实现web页面樱花坠落的特效

    源码地址 开发原因 上课看到一位女生桌面背景是一课樱花树,顿时产生了一个让樱花可以在web页面飞舞的想法,借此把这个插件献送给那位女同学: 开发过焦点图,轮转图,瀑布流等应用插件,但是这类型插件还是第 ...

  8. 使用 Go 和 Web 技术构建桌面应用程序

    <开源精选>是我们分享Github.Gitee等开源社区中优质项目的栏目,包括技术.学习.实用与各种有趣的内容.本期推荐的是一个使用 Go 和 Web 技术构建桌面应用程序的项目--WAI ...

  9. web页面导航栏自适应问题

    web页面导航栏自适应问题 1. 问题描述 2.问题原因 3.解决思路 1. 问题描述 Axure RP 9 矩形元件转化为动态面板后,通过设置100%宽度(具体方法可以百度,在此不详细介绍),出来的 ...

最新文章

  1. 理解Lucene索引与搜索过程中的核心类
  2. PAT:1053. Path of Equal Weight (30) AC
  3. ups的空开、电缆及电池的配置计算
  4. python中 是什么运算符_Python 运算符
  5. 【HDU - 4055】Number String(dp,思维)
  6. v-region 地址组件无法回显问题(选择地址保存后,打开编辑,发现刚才选择的地址【省市县乡】信息消失,信息不回显)
  7. WPF入门教程系列十四——依赖属性(四)
  8. OJ1077: 字符串加密(C语言)
  9. C++——cout输出流与字符指针
  10. 【Kafka】《Kafka权威指南》入门
  11. 一文看懂深度学习新王者「AutoML」:是什么、怎么用、未来如何发展?
  12. 修改linux系统的open files参数
  13. 连锁行业信息化的现状与问题
  14. 非参数假设性检验 Wilcoxon秩和检验 matlab
  15. FPGA编程语言--VHDL OR Verilog?
  16. 凌晨 计算机博士,凌晨三点,被我的博士老婆喊起来写程序……
  17. Raft 实现日志复制同步
  18. 学习k-近邻算法简单易懂
  19. AM335x uboot 移植
  20. 数组x中数据复制到数组y中,重复的数据只存储一次,最后输出y;计算x中数据的平均值ave及大于平均值的元素个数n。c++实现

热门文章

  1. 【学习方法】学习不好沉迷手机,该如何自救?3个高效学习方法,让你破除打压式管教的恶果!
  2. 无线高颜值游戏蓝牙耳机,500以内学生党最爱五款真无线蓝牙耳机
  3. Arcgis使用教程(十二)ARCGIS地图制图之比例尺设置参数详解
  4. 用python定义两个元组_python初学-元组、集合
  5. FFT 多项式点表示与系数表示的快速fft转换
  6. 快来看!网信办发布《网络信息内容生态治理规定》,涉网暴、水军、流量造假等等...
  7. 查看服务器host文件,查看主机DNS服务器
  8. 奥的斯服务器显示chc,奥的斯服务器中文说明.docx
  9. VIVADO如何打开.ila波形文件
  10. 007数据分析能力:SQL