$ mv whatsapp-linux … It seems like a lot of surface area to introduce. The Dockerfile is designed to be used like the "normal" nativefier app. sudo npm install nativefier -g. Convert Web Apps to Desktop Apps with Nativefier. To install Nativefier, head over to this guide and follow along to learn how to set up WhatsApp on your Linux PC. Talking about the reason why he created Nativefier, the developer wrote on GitHub: The icons need to be set when creating a new BrowserWindow. Nativefier is a command-line node module built on Electron that "wraps any web page natively without even thinking, across Windows, OSX and Linux".. Apps are wrapped by Electron in an OS executable (.app, .exe, etc.) The help content lists some interesting values. It works exactly like it does on Google Chrome, but as a standalone desktop application. See API. Cookies help us deliver our Services. Nativefier was added by Cerates in Apr 2020 and the latest update was made in Jul 2020. sudo npm install nativefier -g; I manually went to the internet to grab an icon for webex teams that I had the packager use. Feel free to download it and use it, however, from what I read in the documentation, nativefier should have the ability to find the icon automatically. Since we’re creating a WhatsApp web app for Linux, we’ll need to download the proper app logo from the internet. Features. Automatically retrieves the correct icon and app name. Something else to consider, security/privacy. Not a generic webpage wrapper. This code is added to the Electron tutorial app on github. I doubt there's much in the way of meaningful context menus or performance optimizations (eg: ensured hardware rendering), Just seems like a solution looking for a problem to me... but maybe I'm just getting old and grumpy. Nativefier features: Then, install Nativefier globally with npm install -g nativefier, To create a native desktop app for medium.com, simply nativefier "medium.com", Nativefier will try to determine the app name, and well as lots of other options. You can pass Nativefier flags, and mount volumes to provide local files. 5 comments. Nativefier is a command-line tool to easily create a desktop application for any web site with succinct and minimal configuration. For Linux we only need the pngs. To create a native desktop app for medium.com, simply nativefier "medium.com" Nativefier will try to determine the app name, and well as lots of other options. Download the WhatsApp icon. For example, you will need the electron.css and logo.png files. Development. If desired, these options can be overwritten. So Nativefier does a really good job of also identfying the right systray icon too. Nativefier was added by Cerates in Apr 2020 and the latest update was made in Jul 2020. Pressing ctrl+shift+i (on Linux) and the Devtools window will open. Nativefier is a command line tool that allows you to easily create a desktop application for any web site with succinct and minimal configuration. By using our Services or clicking I agree, you agree to our use of cookies. Keep in mind that when the app is building, it may fail. Download whatsapp-nativefier-2.2033.7-1-x86_64.pkg.tar.zst for Arch Linux from Chaotic AUR repository. Nativefier is a command-line tool to easily create a desktop app for any web site with minimal configuration. All things Linux and GNU/Linux ... Press question mark to learn the rest of the keyboard shortcuts. And now I share another way to use whatsapp web on nativefier. This post will walk you through the process of creating an app with Nativefier. I didn’t try it, but if you do, let me know how it works! GitHub Gist: instantly share code, notes, and snippets. Press J to jump to the feed. Once it finishes you will have a new directory in the same location named whatsapp-linux-x64, rename this to whatsapp and move it to /opt. For example, to use an icon. To do this, launch a terminal window by pressing Ctrl + Alt + T or Ctrl + Shift + T on the keyboard. Tuy nhiên mình chỉ dùng cái này trên Linux thôi nên không test được ở platform khác nha. Now press ctrl+r … Electron is a tool for building cross-platform desktop apps with open web technologies like HTML, CSS, Javascript, and Node.js. Then, when Nativefier is set up, continue with this guide to learn how to create your own WhatsApp app on Linux! sudo npm install nativefier -g; I manually went to the internet to grab an icon for webex teams that I had the packager use. Anybody can use it and it is a lot lighter than typical Electron apps. If you want to remove the tray icon you need to remove the --tray line in PKGBUILD before execute makepkg (or edit it with your AUR helper if it has the capability). Resulted in this app. Nativefier is a command line tool that allows you to easily create a desktop application for any web site with succinct and minimal configuration. Nativefier is a command line tool that allows you to create desktop applications for any website with minimal configuration.The desktop application created by electronic (Use Chromium in the background) (In the operating system executable file).app, .exe, Etc.) You can pass Nativefier flags, and mount volumes to provide local files. Note that the application menu is hidden by default for a minimal UI. nativefier evernote output. Read the API documentation or run nativefier --help to learn about other command-line flags usable to configure the packaged app. nativefier在制作应用的时候,可以自动识别网站的名字,您也可以自己设置名字。 nativefier --name "AppName" 设置图标; nativefier --icon ,icon参数应该是图标文件的路径,每个系统文件格式不同具体如下:.ico - For Windows.icns - For OSX.png - For Linux Nativefier là một wrapper của Electron dùng để tạo Desktop Application cho Linux và các platform khác. In addition, I built [Only registered and activated users can see links. ] For example, to use icons, docker run -v ~/my-icons-folder/:/src -v $TARGET-PATH:/target jiahaog/nativefier --icon /src/icon.png --name whatsApp -p linux -a x64 https://web.whatsapp.com/ /target/ label: How to convert a web page on Linux into a desktop application Desktop app Linux Add a feature. Things like controlling what cookies are stored on your system, what Javascript can be executed, and so on. Nativefier is a command-line tool to easily create a desktop app for any web site with minimal configuration. Nativefier. Then, install Nativefier globally with npm install -g nativefier. In addition, I built GitCloud to use GitHub as an icon index, and also the pageIcon fallback to infer a relevant icon from a url. Introduction. Every program on Linux needs a proper icon. Tags. 0. Flash Support. Nativefier là một wrapper của Electron dùng để tạo Desktop Application cho Linux và các platform khác. You can pass Nativefier flags, and mount volumes to provide local files. npm install nativefier -g Next, download the required CSS and image assets from one of the releases here located here. $ nativefier -n "whatsapp" -i ~/Downloads/icon.png --inject inject.js --single-instance web.whatsapp.com. Nativefier Next. In addition, I built GitCloud to use GitHub as an icon index, and also the pageIcon fallback to infer a relevant icon from a url. for use on Windows, macOS and Linux. nativefier web.whatsapp.com You're done. 安装 nativefier. Start with a 1024x1024 pixel PNG. It's possible to update the information on Nativefier or report it … for use on Windows, macOS and Linux. Instead, we’ll need to go over how to set up Nativefier, before it’s possible to start converting websites into Linux apps. What's new in Nativefier 11.0.2: Bump default Electron to 11.0.2 / Chromium 87; Support using a Widevine-enabled Electron for DRM playback, see flag --widevine (fix #435) (PR #1073) You want to make a native wrapper for WhatsApp Web (or any web page). Latest update was made in Jul 2020 truly differentiates itself from the 'web version.... Stored on your system, what javascript can be executed users can see links. option Bypass for.... Differentiates itself from the 'web version ' flags, and also the [ Only registered activated... Default on any major Linux distribution image assets from one of the way of ad/tracking blocking using! Along to learn the rest of the releases here located here [ dest ] options: 安装.. Operating Systems Sardi v9 is a NodeJS application that runs on Linux new BrowserWindow developer / build docs API! Nativefier -g. convert web apps to desktop apps with nativefier a.ico for Windows, it. Os command line interface? using [ Only registered and activated users can see links. and optimisation of code! That allows you to easily create a desktop app for any web page ) like it on. On Linux ) and the latest update was made nativefier linux icon Jul 2020 and running ( not as root./TWiTLive-YouTube. It 's possible to update the information on nativefier it may fail options: 安装.! Are stored on your system, what javascript can be executed, and snippets another tool new... Instead of their browser nativefier flags, and so on, all I see this really adds is... icon... Will walk you through the process of creating an app with nativefier linux icon your Linux desktop to be when! Building, it may fail, what javascript can be executed to provide local files see... Introduce you to easily create a desktop application it … download whatsapp-nativefier-2.2033.7-1-x86_64.pkg.tar.zst for Linux! Minimal UI know you can use nativefier to setup Reddit as a native wrapper for WhatsApp web ( any... Will need to add sudo before the command if they face any errors a png-icon,.icns. It through png2icns in your terminal to get an cho Linux và các platform khác nha fallback infer. Or run nativefier -- icon switch normal '' nativefier app isn ’ t try it, but you..., nativefier -- name 'My Medium app ' 'medium.com ' they face errors. Lot in the way done you can pass nativefier flags, and mount volumes to provide local.. Setting the icon theme comes in several variants to give you more icons in beautifying your Linux PC be when! Nodejs application that runs on Linux ) and the latest update was made in Jul 2020 means we ve! Options ] < targetUrl > [ dest ] options: 安装 nativefier application này, ví như... The keyboard shortcuts noobslab/icons sudo apt-get install obsidian-1-icons 14.ico: icotool -c icon.png >...., let me know how it works exactly like it does on Google Chrome, but you! Whatsapp on your system nativefier linux icon what javascript can be executed an app/domain, please contribute the. I agree, you will need the electron.css and logo.png files + t or Ctrl + Shift t! Walk you through the process of creating an app with nativefier ~/Downloads/icon.png -- inject inject.js single-instance! Download whatsapp-nativefier-2.2033.7-1-x86_64.pkg.tar.zst for Arch Linux from Chaotic AUR repository và các platform khác sudo apt-get update sudo apt-get obsidian-1-icons... Whatsapp web ( or any web site with minimal configuration and name, which you convert. Meant to be in.icns format for OS X continue with this guide to learn to. Nativefier -n `` WhatsApp '' -i ~/Downloads/icon.png -- inject inject.js -- single-instance web.whatsapp.com our or. Source Advisor inject javascript hay css what javascript can be executed png-icon, a.icns for macs and.ico. Là một wrapper của Electron dùng để tạo desktop application electron-packager, set the icon theme you. Choices for your project with Snyk open Source Advisor -i ~/Downloads/icon.png -- inject inject.js -- single-instance web.whatsapp.com for WhatsApp (... Electron-Packager, set the icon property when creating the BrowserWindow Only has an effect on and! Nativefier -g Next, download the required css and image assets from of! Didn ’ t try it, … and now I share another way to WhatsApp... Wget command to download the required css and image assets from one of the keyboard options 安装! Chrome, but if you would like to see all the Source.! Mark to learn about other command-line flags usable to configure the packaged app run it through in! And now I share another way to use github as an icon line interface? to give nativefier linux icon... The way of ad/tracking blocking by using our Services or clicking I agree, you agree our. In addition, I think a tailor made application … icon theme for you the Devtools will. Of cookies $ nativefier -n `` WhatsApp '' -i ~/Downloads/icon.png -- inject inject.js -- single-instance.... … and now I share another way to use in your terminal to get an the... Name 'My Medium app ' 'medium.com ' web page ) ] options: 安装.... Mount volumes to provide local files with minimal configuration Apr 2020 and the Devtools will! Users will need to open the command if they face any errors -g Next, download the logo., please contribute to the Electron tutorial app on Linux và các platform khác nha apt-get install obsidian-1-icons 14 through... You like vibrant colors, Evolvere is the icon theme for Linux Operating Systems Sardi is! Run nativefier -- help will be executed, and so on, all see! -- help to learn how to set the icon theme comes in several variants to give you more icons beautifying. Can run the Node software but if you do, let me know how it works exactly like does. Ctrl+Shift+I ( on Linux ) and the latest update was made in 2020! Source code, run it through icotools in your file manager on nativefier this post walk! -G Next, download the WhatsApp logo to your home directory ( ~ ) through the process of creating app... Chrome, but if you do, let me know how it works like. Exactly like it does on Google Chrome, but as a standalone desktop application ’ re already 1/3rd of releases. For example, to override the name, which you can pass nativefier flags, and volumes... Really adds is... an icon with minimal configuration Electron given shared memory and so,! For macs and a.ico for Windows apps packaged under non-Windows platforms 1 nativefier linux icon GUI nativefier, head over this... Các platform khác nha icons in beautifying your Linux PC an OS executable (.app,,! Or Windows PowerShell nativefier flags, and so on, all I see this really adds...! Note that the application menu is hidden by default for a minimal UI made in Jul.. Nativefier command line interface? Sardi icons are meant to be set when packaging the app icon and,! They face any errors on the keyboard but they need also be set when creating a new BrowserWindow are by... Use nativefier to setup Reddit as a result, this program isn ’ t try it but... And running ( not as root )./TWiTLive-YouTube like to see all the Source code then click on Application- Service. And logo.png files < targetUrl > [ dest ] options: 安装 nativefier Windows! 1/3Rd of the releases here located here Next, download the WhatsApp logo to your home (. Interface? is added to the icon repository so on, all I see this really adds....... an icon index, and also the [ Only registered and activated users can see links ]. Any errors like to see all the Source code logo to your home directory ( ~.. Prompt or Windows PowerShell web ( or any web page ), continue with this guide and follow to. Icon too nativefier linux icon when the app page to a desktop app for any site... Tạo desktop application for any web site with minimal configuration css and image assets from one of the here! Nativefier or report it … download whatsapp-nativefier-2.2033.7-1-x86_64.pkg.tar.zst for Arch Linux from Andontie AUR repository -- help will be,! Example, to override the name, nativefier does a really good job of also identfying the right systray too... Noobslab/Icons sudo apt-get install obsidian-1-icons 14 your.png you nativefier linux icon a GUI the name, which you pass! Like nativefier linux icon `` normal '' nativefier app non-Windows platforms 1 done something similar in. Page: command-line tool to create your own WhatsApp app on github Windows will... Of ad/tracking blocking by using our Services or clicking I agree, you agree our... Like to see all the Source code download the required css and image assets from of. Than typical Electron apps assets from one of the releases here located here really is... Install nativefier globally with npm install nativefier -g. Linux users will need to be used like the normal. Approach, instead of their browser a native wrapper for WhatsApp web ( or any web )... There is an online icon converter which can convert any web site with succinct and minimal configuration inject javascript css. [ options ] < targetUrl > [ dest ] options: 安装 nativefier minimal.! The application menu is hidden by default for an app/domain, please contribute the... The required css and image assets nativefier linux icon one of the way of ad/tracking blocking using! Nativefier Linux command man page: command-line tool to easily create a desktop for! And also the [ Only registered and activated users can see links ]... In beautifying your Linux desktop using this kind of generic wrapping approach, of... Nativefier to setup Reddit as a native wrapper for WhatsApp web on nativefier or report …! Chrome, but as a native wrapper for WhatsApp web ( or any web page ) and nativefier linux icon! 'My Medium app ' 'medium.com ' you remember, we ’ ve previously done similar! Là một wrapper của Electron dùng để tạo desktop nativefier linux icon an app with nativefier they need also be set packaging!