資訊專欄INFORMATION COLUMN
摘要：關(guān)于工具的簡(jiǎn)介是數(shù)字天堂推出的一款支持的開(kāi)發(fā)。的編寫用到了和。快，是的最大優(yōu)勢(shì)，通過(guò)完整的語(yǔ)法提示和代碼輸入法代碼塊等，大幅提升的開(kāi)發(fā)效率。下面就是講解如何使用快速設(shè)置一個(gè)外部服務(wù)器，然后可以直接使用真實(shí)機(jī)去掃描中的二維碼來(lái)訪問(wèn)測(cè)試頁(yè)面。
關(guān)于HBuilder工具的簡(jiǎn)介：HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開(kāi)發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫，它基于Eclipse，所以順其自然地兼容了Eclipse的插件?？欤荋Builder的最大優(yōu)勢(shì)，通過(guò)完整的語(yǔ)法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開(kāi)發(fā)效率。
當(dāng)然此篇文章不是為了介紹HBuilder的使用。通常我們開(kāi)發(fā)移動(dòng)web都可以直接通過(guò)在chrome瀏覽器中，模擬相關(guān)移動(dòng)設(shè)備來(lái)測(cè)試頁(yè)面效果，但為了更加接近真實(shí)機(jī)測(cè)試效果，我們也可以部署服務(wù)器來(lái)使用真實(shí)機(jī)訪問(wèn)頁(yè)面測(cè)試。
下面就是講解如何使用HBuilder快速設(shè)置一個(gè)外部web服務(wù)器，然后可以直接使用真實(shí)機(jī)去掃描HBuilder中的二維碼來(lái)訪問(wèn)測(cè)試頁(yè)面。
一、打開(kāi)HBuilder開(kāi)發(fā)工具1）在工具的右上角可以更改開(kāi)發(fā)視圖模式選擇“邊改邊看模式”
2）HBuilder將會(huì)展開(kāi)一個(gè)自帶的Web瀏覽器，可以點(diǎn)擊一個(gè)齒輪按鈕旁的倒三角展開(kāi)列表
3）選擇列表最下面“設(shè)置web服務(wù)器”
二、在“設(shè)置web服務(wù)器界面”中1）依次展開(kāi)左邊欄的列表“HBuilder”——>“Web服務(wù)器”——>選擇“外置Web服務(wù)器”
2）然后在右邊欄點(diǎn)擊“新建”編輯Web服務(wù)器配置
3）編輯Web服務(wù)器配置界面，“名稱”可以隨意改，關(guān)鍵是“瀏覽器運(yùn)行URL”應(yīng)該填寫你的本機(jī)ip地址
三、查看本機(jī)的ip地址并填寫到“瀏覽器運(yùn)行URL”1）Windows打開(kāi)控制面板的“網(wǎng)絡(luò)和共享中心”去查看本機(jī)ip地址，Mac系統(tǒng)查看ip地址參考（http://jingyan.baidu.com/arti...）
2）例如：小編的地址是192.168.0.122
3）填寫到Web服務(wù)器配置中的“瀏覽器運(yùn)行URL”，特別提醒注意填寫的ip地址后加上HBuilder使用的端口號(hào)8020
4）然后點(diǎn)擊確定，配置好一個(gè)web服務(wù)器
（配置完畢）
5）選擇使用剛剛新建的myWeb外部服務(wù)器
（選擇myWeb）
四、掃碼測(cè)試1）使用HBuilder打開(kāi)項(xiàng)目的HTML文件
2）點(diǎn)擊“Web服務(wù)器”中有個(gè)二維碼的按鈕，展開(kāi)大圖的二維碼，可以直接使用真實(shí)機(jī)來(lái)掃碼測(cè)試
3）注意掃碼測(cè)試，你的真實(shí)機(jī)和電腦需要在同一個(gè)局域網(wǎng)下
（使用手機(jī)掃二維碼）
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/8741.html
摘要：目錄可選的各平臺(tái)開(kāi)發(fā)工具可選安卓開(kāi)發(fā)者官網(wǎng)的一些離線文檔，不過(guò)下載下來(lái)打開(kāi)也很慢，后面會(huì)提供另外一個(gè)離線版?？蛇x，此項(xiàng)在高版本中已不提供，需要在里通過(guò)引入，當(dāng)然也可以下載離線版內(nèi)置的安卓示例程序，推薦安裝。可選安卓的源代碼，推薦安裝。 前言 HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開(kāi)發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。...
摘要：目錄可選的各平臺(tái)開(kāi)發(fā)工具可選安卓開(kāi)發(fā)者官網(wǎng)的一些離線文檔，不過(guò)下載下來(lái)打開(kāi)也很慢，后面會(huì)提供另外一個(gè)離線版。可選，此項(xiàng)在高版本中已不提供，需要在里通過(guò)引入，當(dāng)然也可以下載離線版內(nèi)置的安卓示例程序，推薦安裝。可選安卓的源代碼，推薦安裝。 前言 HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開(kāi)發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。...
摘要：目錄可選的各平臺(tái)開(kāi)發(fā)工具可選安卓開(kāi)發(fā)者官網(wǎng)的一些離線文檔，不過(guò)下載下來(lái)打開(kāi)也很慢，后面會(huì)提供另外一個(gè)離線版。可選，此項(xiàng)在高版本中已不提供，需要在里通過(guò)引入，當(dāng)然也可以下載離線版內(nèi)置的安卓示例程序，推薦安裝?？蛇x安卓的源代碼，推薦安裝。 前言 HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開(kāi)發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。...
閱讀 1593·2021-11-24 11:16
閱讀 2861·2021-07-28 12:32
閱讀 2394·2019-08-30 11:22
閱讀 1500·2019-08-30 11:01
閱讀 676·2019-08-29 16:24
閱讀 3623·2019-08-29 12:52
閱讀 1695·2019-08-29 12:15
閱讀 1399·2019-08-29 11:18
