当前位置: 首页 > 科技观察

27,000颗星星!这个开源的把网页变成本地应用程序的工具

时间:2023-03-12 10:20:20 科技观察

介绍Nativefier是一个命令行工具,可以用最少的配置轻松为任何网站创建桌面应用程序,把网页变成本地应用程序的命令行工具。通过Electron+Chromium将网站打包成本地.app、.exe等可执行文件,支持在Windows、macOS和Linux操作系统上运行。例如,要为WhatsAppWeb制作可执行文件,只需运行以下命令:nativefier'web.whatsapp.com'项目地址为:https://github.com/nativefier/nativefier安装macOS10.9+Windows+LinuxNode。js>=12.9和npm>=6.9使用ImageMagick或GraphicsMagick转换图标的可选依赖项。确保convertandidentify或gm在你的系统路径$PATH中。Wine为非Windows平台打包Windows应用程序。确保wine在您的系统$PATH中。然后,使用以下命令全局安装Nativefier:npminstall-gnantfier用法要为medium.com创建本机桌面应用程序,只需执行以下命令:nativefier"medium.com"Nativefier将默认设置应用程序名称以及许多其他选项。用户也可以覆盖这些选项。例如,要覆盖名称:nativefier--name'MyMediumApp''medium.com'常用命令行选项如下:-h,--help打印使用信息-v,--version打印nativefier版本-a,--arch构建时的目标处理器架构,ia32,x64,armv7l,arm64-c,--conceal指定本地化应用中的源代码是否打包在一起,默认为false-e,--electron-version指定Electron版本-i,--icon指定为Windows打包应用程序图标时.ico文件的路径。为Linux打包时,必须是.png文件的路径。为macOS打包时,可选依赖项必须是.icns或.png文件(如果已安装)。如果有图片转换工具(iconutil,或者ImageMagick的conver+identify,或者GraphicsMagick的gm),Nativefier会自动将.png转换为.icns-n,--name应用的名字,不要在上面使用LinuxIncludespaces--no-overwrite指定目标目录是否不应该被覆盖,默认为false-p,--platform执行平台。默认为当前操作系统,也可以指定为linux、windows、osx或mas--portable使应用程序在应用程序文件夹中存储用户数据(cookies、缓存等)--always-on-top当应用程序启动时保持在屏幕顶部--background-color指定背景色,https://www.electronjs.org/docs/api/browser-window#setting-backgroundcolor--bookmarks-menu定义书签菜单JSON文件的路径,如:{"menuLabel":"&Music","bookmarks":[{"title":"lofi.cafe","url":"https://lofi.cafe/","type":"link","shortcut":"CmdOrCtrl+1"},{"title":"beatstorelax/studyto","url":"https://www.youtube.com/watch?v=5qap5aO4i9A","type":"link","shortcut":"CmdOrCtrl+2"},{"type":"separator"},{"title":"RüFüSDUSOLLivefromJoshuaTree","type":"link""url":"https://www.youtube.com/watch?v=Zy4KtD98S2c"}]}--disable-context-menu禁用上下文菜单single--disable-dev-tools禁用Chrome开发者工具--full-screen使打包的应用全屏启动--height打包应用的高度,默认为800px--hide-window-frame禁用窗口框架和控件--max-height打包应用的最大高度,默认无限制--max-width打包应用的最大宽度,默认无限制--maximize最大化打包应用启动--min-height打包应用的最小高度,默认0-m,--show-menu-bar是否要显示菜单栏--single-instance单例,防止应用多次运行---title-bar-style设置应用标题栏的样式/*site.css*//*headerisdraggable...*/header{-webkit-app-region:drag;}/*butanybuttonsinsidetheheadershouldn'tbedraggable*/headerbutton{-webkit-app-region:no-drag;}/*也许为了交通灯而移动一些项目*/headerdiv:first-child{margin-left:100px;margin-top:25px;}--x打包应用程序窗口的X位置--y打包应用程序窗口的Y位置--zoom设置应用程序打开时使用的默认缩放系数打开,默认为1.0--lang设置语言,“fr”,“en-US”,“es”等。与Docker一起使用Nativefier也可以在Docker中使用从DockerHub拉取最新的稳定镜像:dockerpullnativefier/nativefier或自己构建镜像:dockerbuild-tlocal/nativefier。使用docker构建本地应用:dockerrun--rm-v~/nativefier-apps:/target/local/nativefierhttps://mail.google.com//target/