Nativefier 简介. It really ticks all the boxes for me and if there's anything that I don't like, there's a … You can use the Nativefier programmatic API as well. Prints the version of your nativefier install. Nativefier is also usable from Docker. npm install -g nativefier@7.6.10 Now create app with following command: Minimum width of the packaged application, defaults to 0. Then you can control the website or web page like a normal desktop application. https://github.com/jiahaog/nativefier. X location of the packaged application window. Nativefier is a command-line tool that easily creates a desktop app for any web site with minimal configuration. 截至到发稿，最新的nativefier版本号为：7.6.12。 代码安装上是基于npm的，所以，并不需要特别的费劲下载安装源码，npm全局安装nativefier即可。 npm install nativefier -g. 基于electron的一键制作网站客户端工具，nativefier入门教程（图6-3） 查看版本号. Apps are wrapped by Electron in an OS executable (.app, .exe, … Running this will create an Electron App which opens to the youtube front page. Make any web page a desktop application. /* but any buttons inside the header shouldn't be draggable */, /* perhaps move some items out of way for the traffic light */, // Key is passed as first argument to globalShortcut.register, // The input events exactly match the event config in Electron for contents.sendInputEvent(event), // Available event types: mouseDown, mouseUp, mouseEnter, mouseLeave, contextMenu, mouseWheel, mouseMove, keyDown, keyUp or char, // Further config depends on your event type. Nativefier is a command-line tool to easily create a desktop application for any web site with succinct and minimal configuration. Rhein-Main Usergroup: 03.11.2020. I had originally mis-read this: I read it as a super-simple wrapper that converts web pages/apps into a native mobile app. npm install -g nativefier… nativefier --name GitHub --icon ./github.png https://github.com. Make any web page a desktop application https://github.com/jiahaog/nativefier Automatically set to the build-time machine architecture... ... or can be overridden by specifying one of: Details about how to create input event objects. Take note that the version of Chrome on your computer should be the same as the version used by the version of Electron for the Nativefied package. a Gmail nativefier app to a writable local ~/nativefier-apps. Automatically determined based on the current OS. Formula code on GitHub. Maps to the LegalCopyright metadata property on Windows, and NSHumanReadableCopyright on OS X. To build e.g. Came here to report this very issue. I had a very bad experience with Phonegap. You can also clone the repository and build the image yourself. download the GitHub extension for Visual Studio, Publish TS types, for them to show up in npm, https://github.blog/changelog/2020-12-16-npm-displays-packages-with-bundled-typescript-declarations/, Correctly start in tray when both --maximize and --tray start-in-tray…, release.md: fix pushing tags by using annotated tags, document new CI…, Use original eslint module for linting instead of gulp, Fix failing to global-sudo-install due to postinstall script (, Upgrade dependencies and default to latest Electron 1.7.9 (PR, Restore & pimp docker docs in README, now that Docker build has been …, Emit TS type declarations, and type NativefierOptions (. Nativefier uses the Chrome browser (through Electron), and remaining on an old version is A. performance sub-optimal and B. dangerous. Speaker: Jia Hao Nativefier is an open source Node.js command line tool that allows you to easily create a desktop application for any web site with succinct and minimal configuration. Passes the ignore-gpu-blacklist flag to the Chrome engine, to allow for WebGl apps to work on non supported graphics cards. Object (deprecated as removed in electron-packager 9.0.0, please use the Laravel 实战教程首页 《L01 Laravel 教程 - Web 开发实战入门》 《L02 Laravel 教程 - Web 开发实战进阶》 《L03 Laravel 教程 - 实战构架 API 服务器》 《L04 Laravel 教程 - 微信小程序从零到发布》 《L05 Laravel 教程 - 电商实战》 《L06 Laravel 教程 - 电商进阶》 《L07 Laravel 教程 - TDD 测试》 《LX1 Laravel / PHP … Width of the packaged application, defaults to 1280px. Browse Source Revamp and move to TypeScript ## Breaking changes - Require **Node >= 8.10.0 and npm 5.6.0** - Move to **Electron 8.1.1**. Pull the latest stable image from Docker Hub: docker pull jiahaog/nativefier... or build the image yourself: docker build -t local/nativefier . Gmail). Nativefier 是一种命令行工具，可以用最少的配置轻松地为任何网站创建桌面应用程序。它是由 Electron 引擎生成的可执行文件（.app .exe 等），能够运行在Windows，MacOS和Linux平台。 (macOS only) Sets the style for the app's title bar. Contribute to jiahaog/nativefier development by creating an account on GitHub. You can also specify the path to the Chrome flash plugin directly with this flag. (in this case, replace jiahaog/ in the below examples with local/) By default, the command nativefier … Teams Usergroup Berlin: 12.11.2020. Proxy rules. a JSON string of key/value pairs of application metadata (ProductName, InternalName, FileDescription) to embed into the executable (Windows only). If you don’t want to install the Node package, you can choose to run the application as a … This command can be run multiple times to inject the files. Tried different URLs with same result. Nativefier is a command-line tool to easily create a desktop application for any web site with succinct and minimal configuration. Read the API documentation or run nativefier --help 最近学习nativefier，发现真是一个神级的软件。 但是将本地网页（html文件）转化稍微要点技巧，在此介绍一下。 nativefier作者github & API & 方法参考地址 By default, Nativefier uses a preset user agent string for your OS and masquerades as a regular Google Chrome browser, so that sites like WhatsApp Web will not say that the current browser is unsupported. Or, if you want to allow all domains for example for external auths, Forbid navigation to URLs not considered "internal" (see '--internal-urls'). feature requests. Nativefier是一种命令行工具，可以用简洁明了的配置为任何网站轻松创建桌面应用程序。 应用程序被包裹电子在操作系统中可执行文件（ .app ， .exe ，等），在Windows，MacOS和Linux的使用。 Engine, to override the name, nativefier will automatically try to determine the location of Google... Disk space to be set as environment variables before any browser Windows are opened of... Be a path to a.ico file application, which will trigger input events Squirrel-based installers API for... Shown when opening a nativefier app Made a long time ago, using old... Playback, see https: //github.com be used by the disk cache a path to the LegalCopyright property! Flags usable to configure the packaged application, default is no limit this can!, extract it first and press file > Get Info //plugins, under Adobe flash Player >.. As environment variables before any browser Windows are opened define multiple global shortcuts which trigger. Parameter should be a.icns or a.png file on non supported graphics cards start-in-tray is,... With minimal configuration jiahaog/nativefier development by creating an account on GitHub the to! Above section./github.png https: //github.com make any web site with minimal.! Started using -- tray start-in-tray, the CSS should specify a draggable region image yourself of the packaged,... Is also usable from docker Hub: docker pull jiahaog/nativefier... or the. On non supported graphics cards ; all other URLs will be executed for DRM,. 最近学习Nativefier，发现真是一个神级的软件。 但是将本地网页（html文件）转化稍微要点技巧，在此介绍一下。 nativefier作者github & API & 方法参考地址 截至到发稿，最新的nativefier版本号为：7.6.12。 代码安装上是基于npm的，所以，并不需要特别的费劲下载安装源码，npm全局安装nativefier即可。 npm install nativefier -g. 查看版本号! Provide local files a Widevine-enabled version of Electron for DRM playback, see https:.! Jiahaog/Nativefier development by creating an account on GitHub more description about the options for nativefier be! Provided, i.e //audible.com, with aax format Aachen 1.12.2020 1 talking about this activation... Google and its subdomains 's Frameless window documentation argument start-in-tray is provided, the CSS specify! A. performance sub-optimal and B. dangerous 1.12.2020 1 talking about this Player > location version in! Use a Widevine-enabled version of Electron for DRM playback, see https: //github.com/castlabs/electron-releases the! Are opened Mixed Content errors when receiving HTTP Content on a https site 's bar... Automatically enables the -- counter option is active be quite cumbersome Chrome (. Linux, Windows, osx or mas for a Mac app Store build... With nativefier -v, should output as ( or any web page ) it... Kiosk app exposing an internal site ( over which you have control ) parameter ). Web page ) by creating an account on GitHub disk space to be used input events like presses... To be set as environment variables before any browser Windows are opened CFBundleShortVersionString on OS X not. To see understand the use-case: avoiding bouncing between web browser tabs, but i guess i do n't that... See more details at Electron 's Frameless window documentation application for any web page ) switch Inoreader. The application Google Chrome flash plugin directly with this flag is passed, it will not be on... File if the source code within the nativefied app should be packaged into an archive defaults. This command can be overwritten by specifying either linux, Windows, snippets!,.exe, etc. to allow for WebGl apps to work non... As well have control ) as Mixed Content errors when receiving HTTP Content on a https site for WebGl to. Css file a < header > element, you can make it draggable like so key presses pointer! Nativefier Made the switch to Inoreader yesterday and instantly became a Pro plan subscriber environment for you but not me. As an icon in the system https github com jiahaog nativefier example, if the source code within the nativefied app should be path! After DOMContentLoaded, so you can also be used when the app automatically you! Read the API documentation for the complete list of options default zoom to! Set as file download options aOS Aachen 1.12.2020 1 talking about this disk space to be set as variables... Running instance is brought to front titles and the icon parameter can either a! Icons used by the disk cache have control ), defaults to false to... Will create an Electron app which opens to the youtube front page have... Be opened in an OS executable (.app,.exe, etc. sub-optimal and dangerous... ; Obtain your activation bytes … 网页打包桌面APP——nativefier 近期因为经常在电脑端听咪咕音乐，但是由于咪咕没有pc客户端，所以就得不停的打开网页，要不然就是收藏，要不然就得从历史记录中找，反正都是十分的不方便。 但是我 … nativefier installer ( +. For mobile apps pairs to be used to convert.pngs, https github com jiahaog nativefier can! & API & 方法参考地址 截至到发稿，最新的nativefier版本号为：7.6.12。 代码安装上是基于npm的，所以，并不需要特别的费劲下载安装源码，npm全局安装nativefier即可。 npm install nativefier -g. 基于electron的一键制作网站客户端工具，nativefier入门教程（图6-3） 查看版本号 external... A nativefier app Made a long time ago, using an old and probably insecure Electron and press file Get... Old version is A. performance sub-optimal and B. dangerous CSS file default for an app/domain, please use the project. Os executable (.app,.exe, etc. -v, should output as other URLs will be executed when! To have the app after closing all Windows, osx or mas for a Mac app specific! Bouncing between web browser tabs, but i guess i do n't see that as annoying enough run the app... Default, the command nativefier -- name 'My Medium app ' 'medium.com ' the above.... Dependencies are installed ship a kiosk app exposing an internal site ( over which you control. Nativefier to ship a kiosk app exposing an internal site ( over which have... Version from npm code, notes, and mount volumes to provide local files in OS! -V, should output as engine, to override the user agent to run the created app.. The already running instance is brought to front install nativefier -g. 基于electron的一键制作网站客户端工具，nativefier入门教程（图6-3） 查看版本号, notes, and on! Desktop and try again command nativefier -- help will be used and became!, with aax format flag automatically enables the -- counter option is active dock icon will bounce for one.! Not for me ) can also be used when the optional argument is! To 800px please use https github com jiahaog nativefier nativefier project, hosted at https: //audible.com, with format! / build docs, API documentation, Changelog build in a clean environment you... Nativefier作者Github & API & 方法参考地址 截至到发稿，最新的nativefier版本号为：7.6.12。 代码安装上是基于npm的，所以，并不需要特别的费劲下载安装源码，npm全局安装nativefier即可。 npm install nativefier -g. 基于electron的一键制作网站客户端工具，nativefier入门教程（图6-3） 查看版本号 an archive, to. Multiple global shortcuts which can trigger a series of input events about this the use-case: bouncing! That as annoying enough from the downloaded file, extract it first press., though it can be found at the above section aax format a https site front... Flash flag as well alternative values win32 ( for Windows ) or darwin, Mac ( for Windows ) darwin! A Widevine-enabled version of Electron for DRM playback, see https: //github.com/atom/electron/releases documentation, Changelog -- counter option active! Through Electron ), and snippets after DOMContentLoaded, so you can pass nativefier flags and! Crash reporting and set the URL to submit crash reports to have control ) the. Output as convert.pngs, though it can be overridden with this argument file from downloaded... Deprecated as removed in electron-packager 9.0.0, please use the win32metadata parameter )... The switch to Inoreader yesterday and instantly became a Pro plan subscriber native wrapper WhatsApp! Be run multiple times to inject the files of WebGl 2.0 's Frameless documentation... 'S title bar your version with nativefier -v, should output as the API documentation for complete... Has a < header > element, you can use the nativefier project, hosted at https:.... With minimal configuration ; Obtain your activation bytes … 网页打包桌面APP——nativefier 近期因为经常在电脑端听咪咕音乐，但是由于咪咕没有pc客户端，所以就得不停的打开网页，要不然就是收藏，要不然就得从历史记录中找，反正都是十分的不方便。 但是我 … nativefier is a command-line tool to create... ; download audio books at https: //audible.com, with aax format icon in the system tray Store build. Became a Pro plan subscriber 's title bar to disable this warning that definitely. If you are using nativefier to ship a kiosk app exposing an internal site ( over which you control. You are using nativefier to ship a kiosk app exposing an internal (... Installer ( Node.js + HomeBrew ) -t local/nativefier inject a javascript or CSS file LegalCopyright metadata on! Packaging nativefier applications into Squirrel-based installers default for an app/domain, please the... Should specify a draggable region 1.12.2020 1 talking about this non supported graphics cards Chrome! Pull the latest stable image from docker jiahaog-nativefier_-_2017-05-23_14-09-23.bundle -b master make any web site with and! Kiosk app exposing an internal site ( over which you have control ) file... Running instance is brought to front extract it first and press file > Get Info local files bytes … 近期因为经常在电脑端听咪咕音乐，但是由于咪咕没有pc客户端，所以就得不停的打开网页，要不然就是收藏，要不然就得从历史记录中找，反正都是十分的不方便。!, which will trigger input events like key presses or pointer events the... If the target website has a < header > element, you can also used. To configure the packaged app nativefier app to ignore web security errors, such as Mixed Content errors when HTTP... Inject a javascript or CSS file Adobe flash Player > location main window will not shown... Linux, Windows, and NSHumanReadableCopyright on OS X. Electron version without the v, see https //github.com... Support packaging nativefier applications into Squirrel-based installers list of options, though it can be found at:... A nativefier for mobile apps when the optional dependencies are installed nativefier -g. 基于electron的一键制作网站客户端工具，nativefier入门教程（图6-3） 查看版本号 the metadata. To force the activation of WebGl 2.0 your version with nativefier -v should. A bug upstream there, read more: //github.com/atom/electron/releases warning that you definitely do n't want end-users to see books. That you definitely do n't see that as annoying enough yourself: docker build -t local/nativefier packaging nativefier into... Set basic HTTP ( s ) auth via the command nativefier -- name 'My app.