Ubuntu環境下的nwjs安裝使用

2021-08-09 02:47:12 字數 3197 閱讀 6093

sudo apt-get install nodejs  

sudo apt-get install npm

sudo ln -s ~/node-v6

.11.4

-linux

-x64/bin/node /usr/local/bin/node

sudo ln -s ~/node-v6

.11.4

-linux

-x64/bin/npm /usr/local/bin/npm

sudo ldconfig

./configure  

make

make install

如果遇到所需環境版本問題,在sudo apt-get update && apt-get upgrade後用apt-get remove舊版本後install就好

sudo ln -s ~/nwjs-v0

.25.4

-linux

-x64/nw /usr/local/bin/nw

sudo ldconfig

進入目錄後可以看到nw檔案,執行./nw命令檢視是否可以正常執行。

1.建立html檔案

首先建立乙個簡單的demo.html檔案:

html>2.建立package.json檔案

用來進行初始化配置:

}

這裡實現了乙個去掉了工具欄的全屏效果

3.打包檔案執行

建立好兩個檔案之後將其打包:

cat package.json demo.html > demo.nw
這時新打包出來的nw檔案就可以執行了:

sudo ./nw demo.nw
#!/bin/bash

cd /home/ubuntu/desktop/nwjs-v0.25.4-linux-x64

./nw demo.nw

在桌面建立乙個demo.desktop圖示,使用sudo nano demo.desktop命令開啟後寫入:

這時雙擊就能看到執行結果了

package.json中配置了全屏並且去掉工具欄,就是為了防止使用者退出瀏覽器,具體操作步驟如下:

1. 在設定中可以關閉快捷鍵,並自定義乙個快捷鍵撥出teminal用來退出瀏覽器,例如shift_r + ctrl_r + q。

2. 將鍵盤左側的shift、ctrl、super(win)鍵改到capslock鍵上,這可以通過xmodmap實現:

#super_l

-> capslock

xmodmap -e

"remove mod4 = super_l"

xmodmap -e

"keycore 133 = caps_lock nosymbol caps_lock"

xmodmap -e

"add lock = caps_lock"

#super_r

-> capslock

xmodmap -e

"remove mod4 = super_r"

xmodmap -e

"keycore 134 = caps_lock nosymbol caps_lock"

xmodmap -e

"add lock = caps_lock"

#alt_l

-> capslock

xmodmap -e

"remove mod1 = alt_l"

xmodmap -e

"keycore 64 = caps_lock nosymbol caps_lock"

xmodmap -e

"add lock = caps_lock"

#ctrl_l

-> capslock

xmodmap -e

"remove control = control_l"

xmodmap -e

"keycore 37 = caps_lock nosymbol caps_lock"

xmodmap -e

"add lock = caps_lock"

#shift_l

-> capslock

xmodmap -e

"remove shift = shift_l"

xmodmap -e

"keycore 50 = caps_lock nosymbol caps_lock"

xmodmap -e

"add lock = caps_lock"

#alt_r

-> capslock

xmodmap -e

"remove mod1 = alt_r"

xmodmap -e

"keycore 108 = caps_lock nosymbol caps_lock"

xmodmap -e

"add lock = caps_lock"

將上述**新增到start.sh的啟動命令之前,這樣在雙擊啟動的時候就可以修改掉按鍵了。

Ubuntu環境下的nwjs安裝及使用教程

需求 通過nwjs實現乙個可以全屏顯示,防止使用者退出瀏覽器的演示用app 一 安裝node.js sudo apt get install nodejs sudo apt get install npm 這種方法安裝的版本可能不是最新的,可以嘗試直接從官網 解壓 的node v6.11.4 lin...

Ubuntu下的Adobe Reader安裝過程

ubutun下的adobe reader 安裝過程 命令顯示 tmp adobe目錄中的所有檔案,會發現有個adobereader的目錄,cd進入該目錄,執行命令.install安裝adobe reader 安裝過程中會給出提示,根據提示選這相應的安裝步驟完成安裝過程。3 假如剛才adobe rea...

Ubuntu 16 04環境下Docker安裝

ps ef 就能列出你當前工作的一些程序 yum install pstree 裝這個命令可以檢視程序樹 ubuntu 16.04 1.更新系統軟體 sudo apt get update2.安裝軟體包以允許apt通過https使用儲存庫 software properties common3.新增...