1. 程式人生 > >一個非常簡單的方法使用JavaScript打包一個網頁成為安卓app(打包遠景論壇)

一個非常簡單的方法使用JavaScript打包一個網頁成為安卓app(打包遠景論壇)

utf 網易 hub 文件 圖標 http taobao targe 應用

前言此方法非常簡單,可以挑一些移動端做的好的網站進行打包,比如 淘寶網, 京東網,網易新聞, 遠景論壇

大神看了輕噴,可以自己做了玩一下,本質上也是在瀏覽器訪問頁面,靈感來源於酷安一款應用[小購物]

不過這款應用不是使用該方法

技術分享圖片 技術分享圖片 技術分享圖片 技術分享圖片

正文   這裏使用 遠景論壇 的移動端網頁來做一個示例,遠景移動網頁做得挺好,就是沒出過app
  1. 使用 HBuilder 新建一個移動app

    技術分享圖片

  2. 留下這幾個文件就夠了

    技術分享圖片

  3. 代碼

  在 index.html 中寫代碼,主要代碼就是一行,在script標簽裏添加一個url地址,地址就是你要打包的網站首頁

  

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 6     <title></title>
 7     <script type="text/javascript">
 8         
 9            location.href = ‘http://bbs.pcbeta.com/‘;
10 11 </script> 12 </head> 13 <body> 14 15 </body> 16 </html>

4. 這就好了,在文件夾上右鍵發行為原生安裝包

技術分享圖片

  選擇Android,然後填寫一個包名,選擇打包

技術分享圖片

  會有提示要不要添加權限,直接打包就行

  技術分享圖片

  完成後點擊確定,在這個頁面可以查看制作安裝包進程

  技術分享圖片

  打包好了,使用手機試一下吧

  技術分享圖片

效果圖, 在 manifest.json 可以配置一下圖標和啟動圖, 哈哈 是不是太簡單了

技術分享圖片 技術分享圖片 技術分享圖片

ok 搞完收工!!

一個非常簡單的方法使用JavaScript打包一個網頁成為安卓app(打包遠景論壇)