从任何网页创建桌面应用程序

可能我们的许多读者每天都有自己的博客,使用电报网络或仅使用特定的网页。 对于他们所有人,我们将教 如何创建任何网页的桌面应用程序,轻松快捷地使用 nativefier.

nativefier

什么是Nativefier?

Nativefier 是一个开源的,多平台的工具,由 贾浩 使用JavaScript,HTML和CSS(与Electron结合使用)轻松,快速地为任何网页创建桌面应用程序。

Nativefier 重点在于允许用户使用最少的配置来制作应用程序,因为除了“包装”网络外,它还可以自动识别应用程序的图标和名称。

它的发展受到它必须如何变化的启发 ⌘-tabo alt-tab 并在使用我们经常使用的页面时经常在许多标签中进行持续搜索 Facebook Messenger. 本地示例

如何安装Nativefier?

要安装Nativefier,我们需要先安装 节点.js 4.0 或更高版本,然后在控制台中执行:

$ npm安装nativefier -g

如何使用Nativefier创建桌面应用程序?

使用以下命令创建任何网页的桌面应用程序 Nativefier 这非常容易,将自己定位在我们要存储应用程序的目录中即可创建并执行以下命令:

$本地人 “https://博客。desdelinux净"

Nativefier 它将确定级联的应用程序的名称,Web的名称,其操作系统和体系结构。 如果要选择应用程序名称,可以通过指定 --name "Medium"如下所示。

$ nativefier-名称 "DesdeLinux" “https://博客。desdelinux净"

如果要将应用程序添加到分发菜单中,则必须创建一个文件 .desktop en /home/$USER/.local/share/applications 放置以下内容(将目录更改为对应的目录):

[Desktop Entry]
Comment=Aplicación de Escritorio DesdeLinux creado con nativefier
Terminal=false
Name=DesdeLinux
Exec=/the/folder/of/the/DesdeLinux/DesdeLinux
Type=Application
Icon=/the/folder/of/the/DesdeLinux/resources/app/icon.png
Categories=Network;

希望您开始喜欢自己的桌面应用程序,这是您使用最多的页面。


发表您的评论

您的电子邮件地址将不会被发表。 必填字段标有 *

*

*

  1. 负责数据:MiguelÁngelGatón
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。

  1.   库尔特

    我希望能有所了解。
    我一直为那些无法编写计算机科学文本的人意识到自己写的不是他们以为自己写的东西而感到震惊。 从他们所写的内容中得到的理解与他们想要的理解完全不符。
    要弄清其含义以及对本文的正确解释,将需要进行反复的尝试和尝试。

    1.    路易吉·托罗

      您知道应用程序是什么吗?如果答案是肯定的,nativefier允许的是创建任何网站的本机应用程序,即,将网站收录并封装在您可以独立访问的窗口中。或桌面...

      我用gif图片更新了文章,以验证您更好地了解了该应用程序的用途 http://i2.wp.com/blog.desdelinux.net/wp-content/uploads/2016/10/nativefierExample.gif

      1.    j

        不要浪费自己……您不应该知道“应用程序”是什么,更不用说“ Web”一词的含义了。

    2.    埃利安

      至少Linux会在这里结束

  2.   JL10

    但这在台式机或笔记本电脑上有什么用? 什么目的我不太了解,也许有些事情逃脱了我...

    1.    路易吉·托罗

      它适用于任何类型的计算机,本文已更新为gif图像,以便您更好地了解应用程序的用途 http://i2.wp.com/blog.desdelinux.net/wp-content/uploads/2016/10/nativefierExample.gif

      1.    j

        明确说明它仅适用于台式计算机...只要桌子有4条支脚即可。
        它不适用于圆桌会议。 香奈儿

  3.   皮特·帕克

    您既是Linux用户又是WhatsApp用户,与Windows和Mac不同,没有本机应用程序,因此,您必须打开浏览器并输入WhatsApp Web,此应用程序允许您创建自己的“本机WhatsApp应用程序”在标签之间不断切换。

    顺便说一句,很好的贡献,我对此应用程序感到满意,因此可以摆脱Archlinux中的whatsie

  4.   婆罗洲语

    多么好的文章,而且很清楚

  5.   里卡多·拉斐尔·罗德里格斯·雷亚里

    2件事:

    1:您要安装在哪个目录?
    2:您使用什么引擎? 我问,因为这让Netflix和Crackle感兴趣。

    问候…!!!

    1.    路易吉·托罗
      1. 可以在任何目录中进行操作,尤其是在我的主页中
      2. 它使用Electron构建,Electron内部使用JavaScript,HTML和CSS(Node,Chromium,V8)。 与Netflix和Crackle配合良好(如果已安装adobe-flashplugin)。
      1.    迦勒

        抱歉,但是对于Netflix而言,它对我不起作用,存在与widevinecmd相关的错误,该错误使我无法播放任何内容,但在浏览器中它可以完美运行。 你知道什么解决方案吗?

  6.   胡椒

    很好的文章,但是它缺少能够理解的图像((我看不到的gif,因为我的连接速度很慢,下载时卡住了)

  7.   吉尔

    这篇文章很适合我! 我想这样做很长时间了……在扩展坞上保留一个网页。 我会批准的!

  8.   j

    很好的文章...谢谢。

  9.   尼福西奥

    如果正在创建的应用程序是 desdelinux为什么.desktop 文件中的名称为 Wassap?

    1.    路易吉·托罗

      已更正,在本例中确实必须包含应用程序的名称 DesdeLinux (尽管在这种情况下它仍然可以工作,唯一的名称会不正确)

  10.   埃尔南

    通过电报网络测试,它可以工作并且非常易于使用。 我补充说,在安装了natifier并封装了某些Web后,将下载对应于Electron的40〜42mb,但不会使命令的使用复杂化(请注意那些连接缓慢的用户)

    本地人«https://web.telegram.org»–名称«Telegram»
    正在下载electron-v1.1.3-linux-x64.zip
    [==========================================> 100.0%的40.4 MB(210.13 kB / s)

  11.   艺术

    有趣。 尽管在安装能够与Google Chrome或Chromium完全相同的应用程序方面没有多大意义,但我知道会有一些人喜欢此选项。 选择的自由万岁。

  12.   伯纳多·亨利克斯

    优秀的…。 做得好……这是非常有用的,而且被100%理解

  13.   拉穆克

    你好
    我有Ubuntu 16.04.1
    同样的进步

  14.   塞萨尔·平托

    或者,您可以安装Chrome或Chromium,然后执行相同操作而无需安装其他东西。 我的意思是,仅此而已。

  15.   灰狼

    我做了所有步骤,才能从桌面访问Evernote。 一切都做对了。 但是没有启动的情况。 可执行文件无法启动。 Whyeeeeee ???? 我该做什么呢?

  16.   胡安·塞德尼奥

    npm 安装 -g nativefier
    loadDep:semver→页眉▀███████████████◦◦◦◦◦◦◦◦ффффА░░ºCººººº╟
    警告引擎 阿萨尔@ 0.13.1:想要的:{«节点»:»> = 4.6″}(当前:{«节点»:»4.2.6英寸,»npmloadDep:uuid→缓存添加▀█████████████ ███ºCººººººººººººººººººººººººººººººººstop
    WARN引擎hawk@6.0.2:想要的:{«节点»:»> = 4.5.0″}(当前:{«节点»:»4.2.6英寸,»npnpm WARN checkPermissions缺少对/ usr / local /的写入权限lib / node_modules /本机
    npm WARN checkPermissions缺少对/ usr / local / lib / node_modules的写入权限
    在/ usr / local / lib目录
    └──nativefier@7.5.4

    npm ERR! Linux 4.8.0-53通用
    npm ERR! argv“ / usr / bin / nodejs”“ // usr / bin / npm”“安装”“ -g”“ nativefier”
    npm ERR! 节点v4.2.6
    npm ERR! npm v3.5.2
    npm ERR! 路径/ usr / local / lib / node_modules / nativefier
    npm ERR! 代码EACCES
    npm ERR! 埃尔诺-13
    npm ERR! 系统调用访问

    npm ERR! 错误:EACCES:权限被拒绝,访问'/ usr / local / lib / node_modules / nativefier'
    npm ERR! 错误(本机)
    npm ERR! {[错误:EACCES:权限被拒绝,访问'/ usr / local / lib / node_modules / nativefier']
    npm ERR! errno:-13,
    npm ERR! 代码:“ EACCES”,
    npm ERR! syscall:“访问”,
    npm ERR! 路径:“ / usr / local / lib / node_modules / nativefier”}
    npm ERR!
    npm ERR! 请尝试以超级用户/管理员身份再次运行此命令。

    npm ERR! 请在支持请求中包括以下文件:
    npm ERR! /home/juanka/npm-debug.log
    我得到这个错误