2017-09-30 18:36
将网站转换为原生应用,无论是移动设备还是桌面设备,都可以非常有用。书签的问题,特别是软件工程师的问题是,我们经常需要在不同的浏览器中进行工作,因此将浏览器的书签集中的所有内容都放在一起。我也会认为具有特定用途的网站将网站转换为桌面应用程序是很好的例子。我最近发现了nativefier,一个开源实用程序,它通过将网站包装在Electron中来创建本机桌面应用程序。
您可以使用NPM安装nativefier和node-icns,我们将用它来为应用程序创建自定义图标:
npm install -g nativefier #应用创建者 npm install -g node- icns #图标创建者
nativefier文档提供了创建桌面应用程序图标的方法,但是ImageMagick和iconutils是必需的 - node-icns会为您节省一些痛苦。
在创建应用程序本身之前创建应用程序图标非常重要。您可以创建一个包含node-icns和您选择的图像的应用程序图标:
#生成macOS nicns 所需的图标集 --in app-icon.png --out app-icon.icns
使用高质量的方形PNG - 透明度将被保留,并且文件大小无关紧要,因为文件将存在于您的机器上。
nativefier提供了大量可用于创建应用程序的配置参数。让我们创建一个使用许多有用参数的应用程序:
nativefier \ - 名称“大卫沃尔什博客” \ --verbose \ - 搭配\ --icon app-icons.icns \ - 快速退出 - 注入custom-css.css \ - 注入custom-js.js \ --flash #gross “https://davidwalsh.name”
将生成一个名为“{appname} -darwin-x64”的目录,该目录将是应用程序文件,您可以拖动到您的Applications
文件夹(或与您的操作系统相当的文件夹)以及您的Dock。您将注意到,您可以添加自定义用户JavaScript和CSS文件,以便您可以隐藏广告,修改颜色和行为等。- counter argument
特别有趣 - 一个像Gmail这样的网络应用程序将其<title>
标签更新为伪通知会在进行更新时触发应用程序图标上的红色通知点。
像IRCCloud这样的网络应用程序和像DevDocs这样的网站是转换为桌面应用程序的理想选择。