hbuilder建立app並利用真機運行調試

目前開發app有原生開發和web開發兩種方式，各有各的優點和劣勢，利用web技術開發app能夠只用寫一套代碼，便可以在Android和ios同時應用，比較方便和快捷，有不少中不一樣的開發方式，例如cordova打包vue、阿里weex框架打包以及hbuilder打包等等方式。本文介紹利用hbuilder創建一個簡單的app項目。

        首先要下載安裝Hbuilder、不須要配置任何環境，就能夠開始創建項目了。

1、建立項目

選擇一個已有模板

 

 

2、運行

        hbuilder的app能夠在真機上運行，因此咱們須要將手機連上電腦，這裏介紹的是Android的手機。

3、調試

        利用hbuilder開發手機app有一大好處就是能夠即時調試並顯示在手機上，當你改變了某個頁面的css、js保存後它像咱們開發web同樣立刻就顯示出來，這樣能夠避免開發後打包、而後真機調試、若出現問題須要改了再打包再調試的麻煩。因此若是咱們須要修改css、js、添加html等等，只須要寫完保存、而後在手機上查看就能夠了。

        咱們利用hbuilder調試app的時候，有一個最大的問題就是不能看到後臺輸出，可是hbuilder也幫咱們解決了這個問題。打開webview調試視圖：

打開後能夠看到咱們正在運行的頁面：

點擊"inspect(調試)"進入，就能夠看到咱們平時用web開發的控制檯輸出了，以下：

參照：https://blog.csdn.net/zeternityyt/article/details/80154566