從任何網頁創建桌面應用程序

可能我們的許多讀者每天都有自己的博客,使用電報網絡或僅使用特定的網頁。 對於他們所有人,我們將教 如何創建任何網頁的桌面應用程序,輕鬆快捷地使用 本地人.

本地人

什麼是Nativefier?

Nativefier 是一個開源的,多平台的工具,由 賈浩 使用JavaScript,HTML和CSS(與Electron結合使用)輕鬆,快速地為任何網頁創建桌面應用程序。

Nativefier 重點在於允許用戶使用最少的配置來製作應用程序,因為除了“包裝”網絡外,它還可以自動識別應用程序的圖標和名稱。

它的發展受到它必須如何變化的啟發。 ⌘-tabo alt-tab 並在使用我們經常使用的頁面時經常在許多標籤中進行持續搜索 Facebook Messenger.本地示例

如何安裝Nativefier?

要安裝Nativefier,我們需要先安裝 節點.js 4.0 或更高版本,然後在控制台中執行:

$ npm安裝nativefier -g

如何使用Nativefier創建桌面應用程序?

使用以下命令創建任何網頁的桌面應用程序 Nativefier 這非常容易,將自己定位在我們要存儲應用程序的目錄中即可創建並執行以下命令:

$本地人 "https://blog.desdelinux淨"

Nativefier 它將確定級聯的應用程序的名稱,Web的名稱,其操作系統和體系結構。 如果要選擇應用程序名稱,可以通過指定 --name "Medium"如下所示。

$ nativefier-名稱 "DesdeLinux" "https://blog.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;

希望您開始喜歡自己的桌面應用程序,這些頁面是您使用最多的。


24條評論,留下您的評論

發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  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 他說:

        不要浪費自己……您不應該知道“應用程序”是什麼,更不用說“網絡”一詞的含義了。

    2.    lian 他說:

      沒有什麼比它會成為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.   尼福西奧 他說:

    Si la aplicación que se se está creando es desdelinux, por que en el archivo .desktop se pone como nombre Wassap?

    1.    路易吉·托羅 他說:

      Corregido, efectivamente debe ir el nombre de la aplicación, en este caso DesdeLinux (Aunque en ese caso igual se funcionará, lo único que tendrá un nombre incorrecto)

  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
    我得到這個錯誤