5分钟把任意网站变成桌面软件(转载)

ivangitz ivangitz     2022-10-11     587

关键词:

转自https://segmentfault.com/a/1190000012924855,仅供自己学习查阅

 

以前,开发一个桌面软件要花费大量的人力和时间。现在,随着web技术的快速发展,很多业务逻辑已经在网站上实现。既然如此,能不能把网站快速转变成软件呢?这方面的实践已经有很多,早期的Qt,后来的Electron,都可以实现跨平台桌面软件的开发。不就是内嵌一个浏览器么?能不能快一些?再快一些?今天,给大家介绍一个工具,让你5分钟之内就把一个网站变成一个可安装的桌面软件。

制作软件

让我们以https://segmentfaut.com这个网站为例来制作我们的软件。

安装工具

一句话搞定:

npm i -g nativefier

开始制作

一句话搞定:

nativefier "https://segmentfault.com"

运行软件

好了,软件制作好了,看看效果吧:

技术分享图片

就是这么简单,有没有?

可选步骤

以上是必经步骤,以下是可选步骤。

作人不可过于懒惰,进门之后,多多少少还是需要调整一下的。Nativefier提供了很多选项可供设置,包括应用软件名称、图标、初始窗口尺寸、是否全屏等等等等,具体可以到官网查询。

同时,在设置好这些选项之后,为了便于以后调整和使用,最好是做一个批处理脚本:

#!/bin/bash

nativefier --name "SegmentFault" "https://segmentfault.com/"

调整完参数之后,重新运行这个脚本就可以了。

制作安装包

制作完软件之后,我们得到是一个名为SegmentFault.app的应用程序,虽然已经可以执行了,但看上去不够专业,专业的安装包都是.dmg为后缀的文件,接下来我们就来制作一个.dmg

打开Mac自带的磁盘工具,新建一个空白映像

技术分享图片

初始时的大小设置为200MB,因为缺省的100MB放不下安装文件,但是这个尺寸后面可以压缩,所以即使设置为300MB也没关系的。

技术分享图片

建好之后,双击图标打开这个文件,把刚才上面做好的SegmentFault.app拷贝进去,然后再在里面建立一个指向Applications文件夹的快捷方式,右键菜单点击显示选项,勾选『始终以图标显示方式打开』,调整图标大小,在最下面挑选一张带箭头的图片作为背景。

技术分享图片

最后,再次打开磁盘工具,先推出刚才的这个文件,然后点击菜单『映像』-『转换』,把它压缩一下,一个完美的dmg安装包就制作好了。

技术分享图片

新的安装包大小大约是51MB,我把它上传到百度网盘了,有需要的同学可以下载安装试用一下。Windows的安装包我就不制作了,制作软件方法类似,只是在制作安装包的时候,Windows要稍微麻烦一些。

怎么样,制作一个桌面软件是不是很容易呢?你也来学着把贵司的网站变成软件吧!

5分钟把任意网站变成桌面软件--windows版

本文源自于segmentfault的一篇专栏文章:https://segmentfault.com/a/1190000012924855 只不过这篇是MAC版本的,所以我试了下windows版的;当然想看的,可以看官网的地址https://github.com/jiahaog/nativefier/blob/master/docs/api.md1.安装nativefier;npminst 查看详情

nativefier-快速把任意网页生成桌面应用程序

  使用前端技术开发桌面应用的技术已经相当成熟了,像早先的NW.js,如今很火的Electron等,都可以轻松实现。今天给大家分享的 nativefier就是基于Electron封装的,可以帮助你只需要一行命令就可以生成不同平台的桌面应用... 查看详情

5分钟,使用内网穿透快速实现远程桌面(代码片段)

以下文章来源于AirPython,作者星安果1.前言今天给大家分享如何使用Frp实现内网穿透,控制电脑。一提到远程桌面,可能大家都会想到TeamViewer、向日葵等第三方软件但是,它们大多是商业化软件,价格昂贵ÿ... 查看详情

2分钟,我把网站性能优化了3倍!

...决定先简单优化一下。其实我只做了1件小事,花了两分钟左右,就把网站的加载速度从5秒左右优化到了1.5秒!从时间成本和效果来看,这已经是一个质的飞跃了。那我究竟用了什么黑 查看详情

5分钟,从0到1上线个人网站!(代码片段)

...术带所有同学从0到1快速上线一个自己的网站!给我5分钟,我给你全世界。上线网站极简教程让我们先来了解下传统的上线网站流程。传统方式假如我们要上线个人博客网站,供其他同学访问,那么需要经历如下... 查看详情

nativefier(一行代码将任意网页转化为桌面应用)(代码片段)

...安利给你们这个骚东西就是nativefier一个能用一行代码将任意网页转化为桌面应用!!!很舒服的知道啵!!!打包速度很快!!!使用非常简便!!!还在一次一次的搜索常用的网站?还在一次次的从搜索历史中找常用的网站... 查看详情

excel表格xlsx格式文件打开后自动变成xlsm文件怎么回事?

...,也就是office的宏,再wps下执行会冲突,这种就彻底卸载任意一个,就行了。另一种 查看详情

部分网站--河内

...或者开盘时间不准确。越南河内快5玩法和重庆SSC一样,5分钟一期,全天24小时,共288期。请复制网址到浏览器打开。http://www.ynhn5.comhttps://www.caipiaokong.com/lottery/hnkw.htmlhttps://zst.cjcp.com.cn/cjwssc_rs/view/ssc_danxuan-0-5-kuai5.html快5手机APP下... 查看详情

如何防止表单在 5 分钟内多次提交?

】如何防止表单在5分钟内多次提交?【英文标题】:HowcanIpreventaformfrombeingsubmittedmorethanoncewithin5minutes?【发布时间】:2012-01-1104:41:45【问题描述】:我最近发现我的PM系统存在一个巨大的安全问题,它允许用户通过地址栏中的for... 查看详情

为啥桌面上的图标都变成了网络快捷方式,怎样恢复原状

...劫持lnk关联,在打开任何快捷方式前先打开其推广的恶意网站,如果该关联对应的病毒脚本文件未创建成功或被杀毒软件删除,则会出现的错误需要清理掉木马同时修复文件关联。解决方法很简单。先准备一个软件——金山网盾... 查看详情

我的鼠标指针放在桌面上的图标上就变成手形了,该怎么解决?

...的的了。什么设置也没变呀,从今天上午开始这样的打开任意一个文件夹,菜单上有个“工具”选项,工具—》文件夹选项—》常规-》打开项目的方式-》然后选择第二个选项“通过双击打开项目”。这样就解决了这个问题。还... 查看详情

为啥文字变成绿色了?

原来都是系统默认的黑色参考技术A调整系统的字体颜色即可恢复!方法是:桌面-右键-属性-外观-高级-项目-窗口-颜色-其它,色调设为85,饱和度设为90,亮度设为205。然后单击[添加到自定义颜色]-确定...一路确定。本回答被提... 查看详情

桌面的office图标变成白色了,其他的没事,求方法

能正常打开文件,就是看起来很别扭,无法分辨是word还是ppt1、打开文件资源管理器,设置显示隐藏的项目;2、在搜索框中输入wordicon.exe;3、等搜索结果出来后,查看该文件所在的具体路径(不同电脑的安装路径可能不同);4、回到... 查看详情

期货行情数据接口============

...笔数据(每三秒一条明细),专业财务数据,日线数据,分钟数据等。历史专业财务,股本结构,分红送配等数据,股票逐笔数据,股票,期货,外汇历史分笔数据,各任意周期的分钟数据(如1,3,5,7,10,15,30,60等任意)。参考资... 查看详情

怎么把文字变成语音

...开始点击“开始合成”按钮了。这里的合成就是把文字转变成语音的意思啦。合成过程中,在下方状态栏有提示“正在合成语音,请稍候...”,合成完毕后,没有什么提示的。5、那合成的音频文件在程序软件所在目录中,找到... 查看详情

excel中怎样把列数据变成行

...单栏中选择复制选项。4、选择复制数据之后,鼠标选择任意一单元格单击右键,在跳出的菜单栏中单击选择性粘贴工具。5、在选择性粘贴设置菜单栏中,将转置选中,然后单击确认完成。6、这样我们就可以看到,A列的数据已... 查看详情

如何在 php 中的网站上闲置 5 分钟后自动销毁 Session [重复]

】如何在php中的网站上闲置5分钟后自动销毁Session[重复]【英文标题】:HowtodestroySessionautomaticallyafter5minutesofinactivityonwebsiteinphp[duplicate]【发布时间】:2014-03-1510:43:55【问题描述】:我正在使用此代码块进行手动注销,但我希望在... 查看详情

怎么把谷歌翻译设置在桌面上呢?

...afari,点击“偏好设置”。5、打开Safari,在地址栏中输入网站,然后点击Safari浏览器上方的翻译插件标签,从Google的提示信息中选择“翻译”进入下一步。官方服务官方网站官方网站 查看详情