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