前言:

  • 学习一下把web页面打包成运行在桌面的应用, 并支持win / mac / linux 等平台, 记一下使用过程, 有需要的大(同)佬(学)可以玩玩~

第一步 – 安装 node.js

  • node.js下载地址:http://nodejs.cn/download/

  • 下载 Windows 安装包 (.msi) 和 Windows 二进制文件 (.zip)

  • 提示:如果你是Windows系统,就下载 Windows 安装包,Mac系统就下载 Mac 安装包(本文以 Windows 系统为例进行安装)

  • 下载这两个文件,下载后把他们放到桌面,将 Windows 二进制文件 (.zip) 解压到桌面

  • 你的桌面上会有这样两个文件

然后双击 Windows 安装包 (.msi) (也就是红色方框里的第一个图标)进行安装

一直点击 Next 直至安装完成

第二步 – 安装 nativefier

  • 打开 命令提示符(详细步骤;开始-所有程序-附件-命令提示符)

  • 在命令提示符内输入:npm install nativefier -g

  • 然后回车键,等待安装完成,完成后是这个样子

然后继续输入:nativefier "https://blog.kosr.cn/"


  • 提示:记得将nativefier "https://blog.kosr.cn/" 中的 https://blog.kosr.cn/ 换成你自己的网址,其他的不用修改

  • 第一次打包需要下载 Eletron 框架, 很慢, 要有耐心……

  • 运行完毕, 会生成一个 100 多 m 的应用, 路径一般为C:\Users\Administrator\ xxx --win32-x64 如图

这样你的专属软件就做好了

第三步 – 拓展 – 自定义软件图标和名字

  • 如果你想的话,可以将第二步中的代码替换为以下代码

nativefier --name "app名字" "https://blog.kosr.cn"  // 自定义名字 navivefier --name "app图标路径" "https://blog.kosr.cn"  // 自定义图标
  • 注意: 图标要用ico格式

第四步 – 结尾说明

  • nativefier还提供了很多可选参数, 有需求请阅读 官方API 文档

  • 软件完成后的目录

打开后的样子:

其实就是一个网页, 但是相比在浏览器里会少了地址栏, 标签栏等等杂七杂八的东西, 看着舒服一些, 还能 Alt+tab 切窗口, 看起来更舒服是不…

打包mac应用_把网址链接打包成电脑软件的制作方法相关推荐

  1. 怎么把一个网址链接转换成文字的形式, 就是点一下那段文字就进入该网站

    何把一个网址链接转换成文字的形式,点击一下那个文字,就可以进入该网站了? 我今天上午试做了,现在跟有需求但不会操作的朋友们分享一下: 我是在MarkDown编辑器上完成的,先打开MarkDown编辑器 ...

  2. 删除vue打包大小限制_压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)...

    问题 由于这次项目是在初学 Vue 之后的第一个正式项目,没有考虑到类似 路由懒加载. 按需加载的问题 ,所以呢,也算是没经验. 到了这些天,项目写得差不多了,准备放到服务器测试,才发现这个问题. 优 ...

  3. maven 打包java项目_如何使用maven打包java项目?

    maven-assembly-plugin插件可用于为maven项目打包,可指定打包的类型,下面通过一个demo来说明使用方法. 示例 项目结构: pom配置: xmlns:xsi="htt ...

  4. java 新浪短链接_短网址链接生成器代码示例——新浪短链接api接口php、java、Python调用演示...

    短网址api对接成了大家经常遇到的难题,今天以t.cn短链接api接口为例给出三种语言的调用示例代码: 1.APIKEY获取: 2.调用代码 PHP调用代码 $url = 'http://www.ba ...

  5. js node 打包mac应用_混搭 TypeScript + GraphQL + DI + Decorator 风格写 Node.js 应用

    阅读本文的知识前提:熟悉 TypeScript + GraphQL + Node.js + Decorator + Dependency Inject 等概念.前言 恰逢最近需要编写一个简单的后端 N ...

  6. java 打包 ios项目_[转]Unity之打包IOS流程

    Unity是个开放性的平台,打包时也可以选择多种打包类型,几乎包含了所有的平台,目前主流Android,iOS平台,Android平台可以直接使用Unity自行打包,但iOS平台需要借助Mac电脑进行 ...

  7. python打包成安装包_把 python 程序打包成 egg 或者 whl 安装包

    1.1 安装setuptools 首先要安装setuptools工具.Debian/Ubuntu下可以直接使用apt安装: $ sudo apt-get install python-setuptoo ...

  8. python三方库打包项目中_将Python库打包到项目中

    如果你有一个Python项目需要分发出去,但这个项目用了一些第三方库,而你又不想使用你这个项目的用户自行去安装这些库,这时候就很有必要将这些Python库打包到你的项目中了. 下面以Faker这个库举 ...

  9. webpack打包样式资源_使用loader去打包css文件_打包less文件---webpack工作笔记004

    然后我们再来看看,怎么用webpack打包css资源文件, 因为我们知道webpack可以直接处理js,json文件,但是不能直接处理css文件,img文件对吧.. 我们现在,通过webpack的组件 ...

最新文章

  1. 2021湖北省普通高考成绩查询果,2021年湖北高考录取结果查询登录网址入口
  2. 大话中文文本分类之textCNN
  3. 58. Length of Last Word
  4. mysql 内存引擎_MySQL常见的三种存储引擎(InnoDB、MyISAM、MEMORY)
  5. 1101 Quick Sort (25 分)【难度: 一般 / 知识点: 快排】
  6. Object-C 入门
  7. ubuntu让/etc/hosts修改后立刻生效
  8. GIS集成技术之二:数据集成
  9. vue indev.html,webpack - Can't add script tag to Vue component files ( *.vue ) - Stack Overflow
  10. coords 动态定位_手机上定位坐标的实现
  11. C++STL中的priority——queue
  12. java 学习之List 的 add 与set方法区别
  13. html 中 float 的一些研究
  14. 拓端tecdat|R语言拟合扩展的Rasch模型分析试题质量
  15. 中国知网论文破解下载 (附:常用的网址)
  16. 手机序列号和IMEI号的区别
  17. kaggle 入门:逻辑回归应用之Kaggle泰坦尼克之灾
  18. NitroSense无法打开(ACER)
  19. C++的数据复合类型
  20. React 全屏监听Esc键

热门文章

  1. 小程序: 在同一个文件夹中配置多个页面
  2. 小程序在父组件执行子组件方法,可适用于下拉刷新上拉加载之后执行子组件方法
  3. AngularJS XMLHttpRequest
  4. 小程序tabbar这套方案全搞定!
  5. 课时53.video标签(掌握)
  6. 让element-ui的输入框聚焦的4种方式
  7. 启动tomcat时 一闪而过解决方法
  8. python网络爬虫与信息提取 学习笔记day3
  9. yii2阅读随笔14
  10. 团队开发——个人工作总结04