2021-07-15 00:14

2.7 万 Star!这个开源工具把网页变成本地行使程序

简介

Nativefier 是一个命令走工具,能够以最少的配置轻盈地为任何网站创建桌面行使程序,把 Web 页面变成本地行使的命令走工具。经过 Electron + Chromium 把网站包装成本地 .app、.exe 等可实走文件,声援运走在 Windows、macOS 和 Linux 操作编制上。

例如,为 WhatsApp Web 制作可实走文件,只必要运走以下命令:

nativefier 'web.whatsapp.com' 

项现在地址是:

https://github.com/nativefier/nativefier

装配 macOS 10.9 + Windows + Linux Node.js >= 12.9 并且 npm >= 6.9 可选倚赖

         行使 ImageMagick 或 GraphicsMagick来转换图标。确保 convert 和 identify 或 gm 在编制路径 $PATH 中。

         Wine 在非 Windows 平台下打包 Windows 行使程序。确保wine在编制路径 $PATH 中。

然后,行使全局装配 Nativefier:

npm install -g nativefier 
用法

要为 medium.com 创建本机桌面行使程序,只需实走以下命令:

nativefier "medium.com" 

Nativefier 将默认竖立行使程序名称以及很众其他选项。用户也能够遮盖这些选项。例如,要遮盖名称:

nativefier --name 'My Medium App' 'medium.com' 

常见的命令走选项有以下这些:

-h, --help 打印行使新闻  -v, --version 打印 nativefier 版本  -a, --arch <value> 构建时的现在的处理器架构,ia32, x64, armv7l, arm64  -c, --conceal 指定本地化行使程序中的源代码是否一并打包,默认为 false  -e, --electron-version <value> 指定 Electron 版本  -i, --icon <path> 指定行使程序图标  为 Windows 打包时,必须是 .ico 文件的路径。  为 Linux 打包时,必须是 .png 文件的路径。  为 macOS 打包时,倘若装配了可选的倚赖项,则必须是一个 .icns 或一个 .png 文件。倘若有图像转换工具(iconutil,或 ImageMagick 的 conver + identify,或 GraphicsMagick 的 gm),Nativefier 将把 .png 自动转换为 .icns  -n, --name <value> 行使程序的名称,Linux 上行使时不要包含空格  --no-overwrite 指定现在的现在录是否不该被遮盖,默认为 false  -p, --platform <value> 实走平台。默认为现在操作编制,也能够指定为 linux,windows,osx或mas  --portable 使行使程序将用户数据(cookie、缓存等)存储在行使程引言件夹中  --always-on-top 行使程序启动时保持在屏幕最表层  --background-color <string> 指定背景颜色,https://www.electronjs.org/docs/api/browser-window#setting-backgroundcolor  --bookmarks-menu <string> 定义书签菜单的 JSON 文件的路径,如:  {  "menuLabel": "&Music",  "bookmarks": [  {  "title": "lofi.cafe",  "url": "https://lofi.cafe/",  "type": "link",  "shortcut": "CmdOrCtrl+1"  },  {  "title": "beats to relax/study to",  "url": "https://www.youtube.com/watch?v=5qap5aO4i9A",  "type": "link",  "shortcut": "CmdOrCtrl+2"  },  {  "type": "separator"  },  {  "title": "RÜFÜS DU SOL Live from Joshua Tree",  "type": "link",  "url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"  }  ]  }  --disable-context-menu 禁用上下文菜单  --disable-dev-tools 禁用 Chrome 开发者工具  --full-screen 使打包的行使程序全屏启动  --height <value> 打包行使的高度,默认为800px  --hide-window-frame 禁用窗口框架和控件  --max-height <value> 打包行使的最大高度,默认为无节制  --max-width <value> 打包行使的最大宽度,默认为无节制  --maximize 使打包的行使程序最大化启动  --min-height <value> 打包行使的最幼高度,默认为0  -m, --show-menu-bar 是否答表现菜单栏  --single-instance 单例,防止行使程序众次运走  --title-bar-style <value> 竖立行使标题栏的形式  /* site.css */  /* header is draggable... */  header {  -webkit-app-region: drag;  }  /* but any buttons inside the header shouldn't be draggable */  header button {  -webkit-app-region: no-drag;  }  /* perhaps move some items out of way for the traffic light */  header div:first-child {  margin-left: 100px;  margin-top: 25px;  }  --x <value> 打包行使程序窗口的 X 位置  --y <value> 打包行使程序窗口的 Y 位置  --zoom <value> 竖立行使程序掀开时要行使的默认缩放系数,默认为1.0  --lang <value> 竖立说话,"fr", "en-US", "es"等 
与 Docker 一首行使

Nativefier 也能够在 Docker 中行使。

从 Docker Hub 拉取最新的安详镜像:
docker pull nativefier/nativefier 

或者本身构建镜像:

docker build -t local/nativefier . 

行使 docker 构建本地行使:

docker run --rm -v ~/nativefier-apps:/target/ local/nativefier https://mail.google.com/ /target/ 

【编辑选举】轴承新闻

谷歌发布 Android 游玩开发工具包 (AGDK) Wi-Fi 6照样5G?一文读懂无线技术怎么选 如何行使智能技术建设世界城市? GitHub深陷“剽窃门”,拿公开源码训练AI,遭大量程序员声讨 超百万用户新闻上市需审阅,《网络坦然审阅手段》有哪些转折? - 网络·坦然技术周刊第495期