如何利用HBuilder設置外部web服務器來測試移動web

CastlePeaK 發布于2019-05-29 16:58 / 1792人閱讀

摘要：關于工具的簡介是數字天堂推出的一款支持的開發。的編寫用到了和。快，是的最大優勢，通過完整的語法提示和代碼輸入法代碼塊等，大幅提升的開發效率。下面就是講解如何使用快速設置一個外部服務器，然后可以直接使用真實機去掃描中的二維碼來訪問測試頁面。

關于HBuilder工具的簡介：HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫，它基于Eclipse，所以順其自然地兼容了Eclipse的插件。快，是HBuilder的最大優勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發效率。

當然此篇文章不是為了介紹HBuilder的使用。通常我們開發移動web都可以直接通過在chrome瀏覽器中，模擬相關移動設備來測試頁面效果，但為了更加接近真實機測試效果，我們也可以部署服務器來使用真實機訪問頁面測試。

下面就是講解如何使用HBuilder快速設置一個外部web服務器，然后可以直接使用真實機去掃描HBuilder中的二維碼來訪問測試頁面。

一、打開HBuilder開發工具

1）在工具的右上角可以更改開發視圖模式選擇“邊改邊看模式”

2）HBuilder將會展開一個自帶的Web瀏覽器，可以點擊一個齒輪按鈕旁的倒三角展開列表

3）選擇列表最下面“設置web服務器”

二、在“設置web服務器界面”中

1）依次展開左邊欄的列表“HBuilder”——>“Web服務器”——>選擇“外置Web服務器”

2）然后在右邊欄點擊“新建”編輯Web服務器配置

3）編輯Web服務器配置界面，“名稱”可以隨意改，關鍵是“瀏覽器運行URL”應該填寫你的本機ip地址

三、查看本機的ip地址并填寫到“瀏覽器運行URL”

1）Windows打開控制面板的“網絡和共享中心”去查看本機ip地址，Mac系統查看ip地址參考（http://jingyan.baidu.com/arti...）

2）例如：小編的地址是192.168.0.122

3）填寫到Web服務器配置中的“瀏覽器運行URL”，特別提醒注意填寫的ip地址后加上HBuilder使用的端口號8020

4）然后點擊確定，配置好一個web服務器

（配置完畢）

5）選擇使用剛剛新建的myWeb外部服務器

（選擇myWeb）

四、掃碼測試

1）使用HBuilder打開項目的HTML文件

2）點擊“Web服務器”中有個二維碼的按鈕，展開大圖的二維碼，可以直接使用真實機來掃碼測試

3）注意掃碼測試，你的真實機和電腦需要在同一個局域網下

（使用手機掃二維碼）

GPU云服務器云服務器如何設置web服務器阿里云linux如何設置web服務器移動web 移動端web

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/8741.html

使用HBuilder開發移動APP

摘要：目錄可選的各平臺開發工具可選安卓開發者官網的一些離線文檔，不過下載下來打開也很慢，后面會提供另外一個離線版。可選，此項在高版本中已不提供，需要在里通過引入，當然也可以下載離線版內置的安卓示例程序，推薦安裝。可選安卓的源代碼，推薦安裝。前言 HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。...

IntMain 2019-08-22 11:07 評論0 收藏0
使用HBuilder開發移動APP

摘要：目錄可選的各平臺開發工具可選安卓開發者官網的一些離線文檔，不過下載下來打開也很慢，后面會提供另外一個離線版。可選，此項在高版本中已不提供，需要在里通過引入，當然也可以下載離線版內置的安卓示例程序，推薦安裝。可選安卓的源代碼，推薦安裝。前言 HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。...

yuanxin 2019-08-01 17:38 評論0 收藏0
使用HBuilder開發移動APP

摘要：目錄可選的各平臺開發工具可選安卓開發者官網的一些離線文檔，不過下載下來打開也很慢，后面會提供另外一個離線版。可選，此項在高版本中已不提供，需要在里通過引入，當然也可以下載離線版內置的安卓示例程序，推薦安裝。可選安卓的源代碼，推薦安裝。前言 HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。...

104828720 2019-08-29 13:26 評論0 收藏0