目前我們做的網(wǎng)站基本都需要有2個(gè)端：PC端和移動(dòng)端，而移動(dòng)端的效果是很難調(diào)試的，雖然谷歌瀏覽器提供了很好的切換到手機(jī)模式，但很多情況下還是需要在真機(jī)上進(jìn)行調(diào)試，通常我們的做法：先將代碼提交到測試服務(wù)器上，然后通過手機(jī)瀏覽器訪問移動(dòng)端頁面，這樣做雖然最后也能調(diào)試成功，但是畢竟中間增加了很多的步驟，使用起來不方便，下面介紹一種可以直接使用手機(jī)瀏覽器訪問本地服務(wù)器，查看移動(dòng)端的頁面效果的方法。
準(zhǔn)備
- 一部手機(jī)；
- 手機(jī)上面需要安裝瀏覽器；
- 安裝wamp集成環(huán)境的聯(lián)網(wǎng)電腦電腦；
- 手機(jī)和電腦連接的是同一個(gè)WiFi，即保證網(wǎng)段一致。
設(shè)置步驟
1. 修改http.conf文件
在文件中查找下面這句話：
# Virtual hosts
#Include conf/extra/httpd-vhosts.conf #將這句話前面的#去掉
修改好之后保存
2. 修改httpd-vhosts.conf
在httpd-vhost.conf文件中增加下面的內(nèi)容：
<VirtualHost *:80>
DocumentRoot "E:/wamp/www/hengxuan"
ServerName 192.168.1.139
</VirtualHost>
在這里我們需要注意的是：192.168.1.139是我們電腦的內(nèi)網(wǎng)IP地址，那么我們?nèi)绾尾榭次覀冸娔X上的內(nèi)網(wǎng)IP地址，先使用win+r彈出運(yùn)行命令框，并輸入cmd，顯示出黑窗口，在黑窗口中輸入下面的命令：
ipconfig
視圖如下：
在窗口中我們可以看到使用紅色標(biāo)記的就是我們內(nèi)網(wǎng)IP地址，我們在上面的服務(wù)器名稱上就添加上內(nèi)網(wǎng)IP地址，而前面的DocumentRoot是我們要訪問的網(wǎng)站的根目錄。修改好之后保存。
3. 修改host文件
這個(gè)文件在C:\Windows\System32\drivers\etc\HOST文件，打開這個(gè)文件，在這個(gè)文件中加入下面代碼：
127.0.0.1 192.168.1.139
修改成功之后，保存。
4. 重啟wamp服務(wù)器
左鍵點(diǎn)擊綠色按鈕彈出對(duì)話框，選擇Restart All Services，之后服務(wù)器會(huì)變成綠色。
5. 將服務(wù)器設(shè)置為線上（Put Online）
最后一步，也是最重要的一步，還是左鍵點(diǎn)擊綠色服務(wù)器按鈕，選擇Put Online之后，服務(wù)器會(huì)自動(dòng)重啟，這個(gè)時(shí)候設(shè)置也已經(jīng)完成了，下面就是我們使用手機(jī)訪問192.168.1.139這個(gè)地址，之后就可以看到下面的頁面。如下圖：
