Você usa alguns sites com muita frequência? Ter um aplicativo nativo para eles em seu computador pode realmente torná-los mais acessíveis. Imagine que você não precisa ir ao seu navegador e depois procurar a aba que tem seu site aberto. Nesta postagem, abordamos uma ferramenta de linha de comando chamada Nativefier que permite criar aplicativos nativos para qualquer aplicativo da Web ou página da Web. Também abordamos as etapas que você pode seguir para criar um aplicativo nativo para qualquer uma de suas páginas da Web favoritas.

Revisão do Nativefier

Nativefier é de código aberto e escrito em JavaScript e usa Electron para criar aplicativos nativos para Windows , Mac e Linux . Os aplicativos criados pelo Nativefier podem preservar algumas configurações e configurações para oferecer uma experiência mais semelhante a um aplicativo. Para usar o Nativefier você precisa ter o Node.js instalado em sua máquina. Caso ainda não o tenha, confira nosso artigo sobre como instalar o Node.js no Windows aqui .

Como criar aplicativos nativos

1. Abra uma janela CMD no diretório desejado.

2. Execute o seguinte comando para instalar o Nativefier .

npm install -g nativefier

3. Quando a instalação estiver concluída, você pode executar o comando a seguir para criar um aplicativo nativo para qualquer página da Web ou aplicativo da Web.

nativefier --name “Application Name” “http://applicationurl.com”

Isso deve criar um aplicativo chamado Nome do Aplicativo^{(Application Name )} cuja URL é http://applicationurl.com.Agora você pode abrir a pasta criada pelo Nativefier e localizar o executável do seu aplicativo. Você pode criar atalhos para este arquivo exe para que possa iniciá-lo diretamente no menu Iniciar, barra de tarefas ou em qualquer outro local de sua escolha.

Suporte a Flash^{(Flash Support)}

Se o site escolhido requer suporte a flash, você pode adicioná-lo facilmente adicionando uma tag –flash no comando de instalação. O comando se tornaria:

nativefier --name --flash “Application Name” “http://applicationurl.com”

Para que o flash funcione, o Google Chrome^{(Google Chrome)} é necessário, ou você precisa instalar o PepperFlash Chrome Plugin manualmente.

Menu do aplicativo^{(Application Menu)}

Uma vez que esses aplicativos não são nada além de um WebView enrolado em sua ^(WebView)URL desejada . Você pode executar algumas operações básicas que você poderia ter feito em um navegador normal. Para isso, você pode acessar o menu do aplicativo pressionando a tecla 'Alt' do seu teclado. Agora, usando esses menus, você pode navegar para frente ou para trás ou recarregar todo o aplicativo.

Como a maioria dos navegadores da web, você pode facilmente aumentar o zoom usando Ctrl+= e diminuir o zoom usando Ctrl+- . Existe até uma opção para alternar o modo de tela cheia. A melhor parte dos aplicativos gerados pelo Nativefier é que eles vêm com ferramentas de desenvolvedor completas do tipo Chrome. Você obtém acesso ao console, à rede e a todos os outros recursos oferecidos às Ferramentas do desenvolvedor do Chrome^{(Chrome Developer Tools)} . Você pode ativar/desativar as ferramentas do desenvolvedor pressionando Ctrl+Shift+I .

Como mencionado, os aplicativos podem preservar algumas configurações mínimas, e isso pode ser limpo acessando o menu do aplicativo e selecionando Editar^{(Edit )} e, em seguida, Limpar dados do aplicativo. ^{(Clear App Data.)}Isso deve redefinir completamente o aplicativo com todas as sessões ou logins que você possa ter mantido.

Portabilidade^{(Portability)}

Todos os aplicativos gerados usando Nativefier são portáteis. Você pode carregá-los facilmente com toda a sua configuração. Isso garante que você tenha seus dados em todos os lugares e evita que você faça login repetidamente.

Nativefier é uma ótima ferramenta para ter em sua coleção. Se você usa qualquer site com tanta frequência que sente vontade de ter um aplicativo nativo para isso, deve experimentar o Nativefier . As aplicações geradas são simples, rápidas e confiáveis. Também usar seus aplicativos da Web favoritos em uma janela nativa dedicada é uma ótima experiência no total. Eu usei o Nativefier para criar aplicativos nativos para a maioria das redes sociais^{(Social Networks)} , GitHub e vários outros aplicativos da web. Clique ^(Click) aqui^(here)(here) para saber mais sobre a Nativefier.

Create native Windows application of any web page using Nativefier.

Do you use some websiteѕ very often? Having a native app for them on your computer can really make them more accessible. Imagine you do not have to go to уour browser and then loоk for thе tab that has your webѕite opened. In this post, we’ve covered a command line tool called Nativefier that lets you create native applications for any web-app or webpage. We’ve also covered the steps that you can follow to create a native application for any of your favorite web pages.

Nativefier Review

Nativefier is open source and written in JavaScript and uses Electron to make native applications for Windows, Mac, and Linux. The applications created by Nativefier can preserve some configuration and settings to give you a more app-like experience. To use Nativefier you need to have Node.js installed on your machine. If you do not have it already, you can check out our article on how to install Node.js on Windows here.

How to create native applications

1. Open a CMD window in the desired directory.

2. Execute the following command to install Nativefier.

npm install -g nativefier

3. Once the installation is complete, you can execute the following command to create a native application for any webpage or web-app.

nativefier --name “Application Name” “http://applicationurl.com”

This should create an application named Application Name whose URL is http://applicationurl.com. Now you can open the folder created by Nativefier and locate the executable for your application. You can create shortcuts to this exe file so that you can directly launch it from the start menu, taskbar or any other place of your choice.

Flash Support

If your chosen website requires flash support, you can easily add it by adding a –flash tag in the installation command. The command would become:

nativefier --name --flash “Application Name” “http://applicationurl.com”

For flash to work, Google Chrome is required, or you need to install the PepperFlash Chrome Plugin manually.

Application Menu

Since these applications are nothing but a WebView wrapped around your desired URL. You can perform some basic operations that you could have done on a normal web browser. To do so, you can access the application menu by pressing ‘Alt’ key from your keyboard. Now using these menus, you can navigate forward or backward or reload the entire application.

Like most of the web-browsers, you can easily zoom in using Ctrl+= and zoom out using Ctrl+-. There is even an option to toggle full-screen mode. The best part about Nativefier generated applications is that they come with full-fledged Chrome-like developer tools. You get access to console, network and all other features that are offered Chrome Developer Tools. You can enable/disable developer tools by hitting Ctrl+Shift+I.

As mentioned the applications can preserve some minimal configuration, and this can be cleared by going to the application menu and then select Edit and then Clear App Data. This should completely reset the application with all the sessions or logins that you might have maintained.

Portability

All the applications generated using Nativefier are portable. You can easily carry them around with all their configuration. This makes sure you have your data everywhere and prevents you from logging again and again.

Nativefier is a great tool to have in your collection. If you use any website so frequently that you feel like having a native application for that, you must give Nativefier a try. The applications generated are simple, fast and reliable. Also using your favorite web apps in a dedicated native window is a great experience in total. I’ve used Nativefier to create native applications for most of the Social Networks, GitHub and various other web apps. Click here to know more about Nativefier.

Related posts

• Best Free C++ IDE para Windows 10

• CudaText é um Code Editor gratuito para programadores Windows

• SynWrite Editor: Free Text & Source Code Editor para Windows 10

• Best Free PHP IDE para Windows 10

• Como fazer um Windows app nativas para qualquer site ou web-app

• Como configurar e usar Docker Desktop no Windows

• Crie toques personalizados gratuitos para qualquer smartphone com o Criador de toques

• Como adicionar o menu de contexto Criar ponto de restauração no Windows 11

• Verifique se o seu código para erros com Code Compare para Windows 10

• Create Múltiplo System Images em uma única unidade externa em Windows 10

• Como Manually Create um System Restore Point em Windows 10

• Como Create and Manage Storage Spaces das configurações Windows 10

• Atalho Create desktop para mudar para WiFi network específico em Windows 10

• Perdeu o disco de instalação do Windows 7? Crie um novo do zero

• Create Cursor animado para Windows 10 com AniTuner

• 4 ótimas ferramentas para criar pacotes do Windows Installer

• Como criar e montar um disco rígido virtual no Windows

• Criar variáveis ​​de ambiente personalizadas no Windows

• Create Desktop Shortcut em Windows 10 (TUTORIAL)

• Melhores editores de código para Windows 10 que todo desenvolvedor deve estar usando