『壹』 給Web套個殼讓它變成Android APP,有哪些現有的工具

就我個人而言去除 QT 源生之外, 也使用過H5開發。 你說的WEB套殼應該就是 H5開發。說兩款我內用過的 Hbuilder + MUI 和 Apicloud 都是容基於H5開發的, 會寫前端就能進行安卓 蘋果 應用的開發。個人比較推薦apicloud, Apicloud有自己的模塊中心,有很多別人封裝好的底層模塊代碼, 直接可以通過JS調用, 而且一直在豐富, 這點稍好於Hbuilder。apicloud社區也不錯, 每周都有一次 所謂的 專家答疑, 如果是初次使用H5開發 , 還是比較推薦的。

『貳』 App殼是什麼意思,web前端開發(高分懸賞)

App殼就是披著app外殼的網頁內容:網頁鏈接這個就是其中一個框架,還有angular和ionic配合也可以寫app,都差不多的就是用html寫頁面,

用封裝的js調用底層功能抄,來模仿原生app功能,雖然不能完全媲美原生app,但在功能上還是相當完善的,用html配合js把所有內容都做好後,打包成安裝的app就行了。

前端開發是創建Web頁面或app等前端界面呈現給用戶的過程,通過HTML,CSS及javaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互。

早期網站主要內容都是靜態,以圖片和文字為主,用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用,現代網頁更加美觀,交互效果顯著,功能更加強大。



(2)網頁套殼擴展閱讀:

HTML語言

掌握HTML是網頁的核心,是一種製作萬維網頁面的標准語言,是萬維網瀏覽器使用的一種語言,它消除了不同計算機之間信息交流的障礙。因此,它是網路上應用最為廣泛的語言,也是構成網頁文檔的主要語言,學好HTML是成為Web開發人員的基本條件。

CSS

學好CSS是網頁外觀的重要一點,CSS可以幫助把網頁外觀做得更加美觀。

JavaScript

學習JavaScript的基本語法,以及如何使用JavaScript編程將會提高開發人員的個人技能。

操作系統

了解Unix和Linux的基本知識,對於開發人員有益無害。

網路伺服器

了解Web伺服器,包括對Apache的基本配置,htaccess配置技巧的掌握等。

『叄』 怎麼將網頁打包成桌面應用(web前端頁面

在 HTML5的崛起、JavaScript要一統天下之際,有一個名為【跨平台】的技術越來越火。為什麼會這么火?因為軟體開發者只需一次編寫程序,即可在 Windows、Linux、Mac、IOS、Android 等平台運行,大大降低了程序員的工作量,也使公司的產品可以快讀迭代。曾經跨平台技術的不被看好,如今隨著手機、電腦硬體的發展而快速發展。這一切,幾乎由HTML5技術推動,當然,JavaScript 這個語言,是最大的功臣。

基於 HTML5 的跨平台技術比較出名的有 PhoneGap、Cordova,常常用於開發 webapp;還有 Egret、Cocos-creator、Unity 等,常用於開發游戲;還有基於 Node.js 的 nw.js,用於開發桌面應用,以及 Electron,一款比 nw.js 還強大的用網頁技術來開發桌面應用的神器。

其實,以上都是廢話,現在進入主題:怎麼用 Electron 將網頁打包成 exe 可執行文件!

假設:

1、你已經安裝並配置好了 node.js (全局安裝)

2、你已經用 npm 安裝了 electron (全局安裝)

3、你已經寫好了前端網頁(html、css、javascript 這些,或者基於這些的前端框架寫好的網頁)

4、以上三點看不懂的,趕緊去網路。。。

你如果具備了以上的假設,請繼續往下看:

1、找到你的前端網頁項目文件夾,新建 package.json、main.js、index.html 三個文件(註:其中的 index.html 是你的網頁首頁

你的項目目錄/
├── package.json
├── main.js
└── index.html

2、在 package.json 中添加如下內容

{
"name" : "app-name",
"version" : "0.1.0",
"main" : "main.js"}

3、在 main.js 中添加下面的內容,這個 main.js 文件就是上面 package.json 中的 "main"鍵 的值,所以可根據需要修改

const {app, BrowserWindow} = require('electron')const path = require('path')const url = require('url')// Keep a global reference of the window object, if you don't, the window will// be closed automatically when the JavaScript object is garbage collected.let winfunction createWindow () {
// Create the browser window.
win = new BrowserWindow({width: 800, height: 600})

// and load the index.html of the app.
win.loadURL(url.format({
pathname: path.join(__dirname, 'index.html'),
protocol: 'file:',
slashes: true
}))

// Open the DevTools.
// win.webContents.openDevTools()

// Emitted when the window is closed.
win.on('closed', () => {
// Dereference the window object, usually you would store windows
// in an array if your app supports multi windows, this is the time
// when you should delete the corresponding element.
win = null
})}// This method will be called when Electron has finished// initialization and is ready to create browser windows.// Some APIs can only be used after this event occurs.app.on('ready', createWindow)// Quit when all windows are closed.app.on('window-all-closed', () => {
// On macOS it is common for applications and their menu bar
// to stay active until the user quits explicitly with Cmd + Q
if (process.platform !== 'darwin') {
app.quit()
}})app.on('activate', () => {
// On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
if (win === null) {
createWindow()
}})// In this file you can include the rest of your app's specific main process// code. You can also put them in separate files and require them here.

4、如果你的網頁首頁的文件名不是 「index.html」,那麼請在 main.js 中將其中的 'index.html' 修改為你的網頁首頁名

5、打開 DOS,cd 到你的項目目錄(或直接在你的項目目錄下空白的地方 shift+滑鼠右鍵,然後點擊在此處打開命令窗口,這里看不懂的,唉,網路吧少年)

6、在上一步的 DOS 下,輸入npm install electron-packager -g全局安裝我們的打包神器

npminstallelectron-packager-g

7、安裝好打包神器後,還是在上一步的 DOS 下,輸入electron-packager . app --win --out presenterTool --arch=x64 --version 1.4.14 --overwrite --ignore=node_moles 即可開始打包

electron-packager . app --win --out presenterTool --arch=x64
--version 1.4.14 --overwrite --ignore=node_moles

這個命令什麼意思?藍色部分可自行修改:

electron-packager .可執行文件的文件名--win --out打包成的文件夾名--arch=x64位還是32位--version版本號--overwrite --ignore=node_moles


以上是最簡單的打包方式,至於怎麼修改窗口大小、菜單欄怎麼加、怎麼調用系統API這些,就給你慢慢去研究Electron了。

如果你打包總是不成功,覺得很煩,同時對擴展功能沒什麼要求的話,

裡面有我已將內容為 hello,world 的 index.html 網頁通過 Electron 框架打包為 windows 環境下的桌面應用。

現只需將你的網頁前端項目復制到 /resources/app/project 目錄下,雙擊 exe 文件即可以桌面應用的方式運行你的網頁。

『肆』 安卓系統能否實現這個功能:在桌面上創建 網頁快捷方式。或者套一個殼,裡面嵌的是網頁

QQ瀏覽器可以實現

『伍』 用html5做的網站打包成app跟app有什麼區別

自己開發出來的app是個完整的軟體,有前段有後台,功能更加全面、系統,
而h5封裝版app,其實只權是給h5頁面套了一個app的殼子,它外表長得和普通APP一樣,也能安裝在手機桌面上,但是打開,其實還是h5頁面,它的本質還是一個h5。
這樣的封裝很簡單,微導流就能做,還很便宜,一般我會把我經常用到的網頁做一個封裝放在手機桌面上,這樣就不用了每次都從瀏覽器打開了。

『陸』 如何把別人做的網站做成套殼手機app

如何做,,,這三個字,不是說在這一問一答 三言兩語 三五天

就能把人家幾年的學習和經驗積累學會了。

APP不是說你說句話,就成功了。。。


兩個大概的方案

  1. 首先把網站的數據介面,能為你所用,APP不是死的,你要隨時更新,數據靈活才算APP

    誰的APP千年不變,一輩子都那點文字,誰去看?有什麼意義?

    如果你拿不到人家網站的數據許可權,那就只能做自己的全套網站。

  2. 做新的網站,然後網站依據你喜歡的網站風格和內容分類,自己去設計和實現

    並且網站本身就有數據供你的APP調用,因為是自己的所以許可權比較完善。

    這個階段如果你自己沒有數據,又想要別人的數據,那就得關聯另外的,數據同步的技術,達到你的網站,別人的數據的這種結果。

  3. 至於如何編程實現APP,這個就得看你自己有沒有移動端開發的能力了。不是別人說往東,你就一定能往東,別人的能力跟你沒任何關系。。。

  4. 用合適的成本,找合適的人,去做合適的事。

『柒』 我做了一個手機網站,想套一個APP的殼,讓別人用APP來打開而不用在手機中輸入網址來打開

你可以去appmake看下

『捌』 3.封裝網站指的是手機端還是電腦端 4.網站後台和app後台有什麼不同,當網站封裝時後台該怎麼辦

手機端。

封裝網站的意思是將網站封裝成APP,其實就是給網站套個APP的殼子,為的是讓回這個「封裝答APP」能夠安裝在在手機桌面上,這樣用戶就可以直接從手機桌面打開了,而不用打開瀏覽器,再從瀏覽器中找尋這個網頁。

封裝的APP其實只是給網站套個殼子,打開後就直接是網站,這個APP本身是沒有什麼前後端的,有的只是網站的前後台。

免費封裝步驟

『玖』 有沒有完全免費將H5製作的網站封裝成原生app求推薦,一定要 「免費」的

網站封裝APP是很簡抄單的,而且免費。亥著開發者服務平台就可以做。注意最後一張圖里的那些插件,封裝本身是免費的,但是額外插件是收費的,所以你如果不是非得要用那些插件,最好不要選,省錢。

額外多說一點,問題當中所提到的原生APP,和封裝APP是不同的,封裝APP就是給網站套個APP的殼子,讓它可以安裝在手機桌面上,打開就進入網站,但是這個封裝APP本身是沒什麼內容的,沒有前端沒有後台,有的都只是這個網站。

而原生APP,是指不同移動操作系統(ios、Android)需要各自開發 並且使用原生程序編寫運行的第三方移動應用程序。

『拾』 最好用的PC套殼chrome是什麼瀏覽器

你好你可以安裝360極速瀏覽器,它有chrome和IE內核,打開網頁速度快。