藉助IIS管理器--用手機瀏覽HTML頁面

標籤：怎麼用手機瀏覽pc端寫好的html頁面？

平時在電腦上寫的HTML頁面如果沒有上線的話，想在手機上瀏覽效果是很難的，在實際工作中我們卻非常希望能夠用手機去測試HTML頁面，畢竟很多的bug在PC端測不出來

首先，關於IIS管理器的安裝，我們可以通過萬能的百度來實現（我也不是特別懂這塊）：http://jingyan.baidu.com/article/19192ad853224ce53f570748.html

1、安裝好以後，我們開啟IIS管理器，找到“網站”，滑鼠點擊右鍵，選擇“添加網站”。在網站名稱裡面自訂一個名稱，然後找到你的專案檔夾，再點擊確定

650) this.width=650;" src="http://s2.51cto.com/wyfs02/M00/88/E9/wKioL1gAgWLSd-7pAAEaLMAfGL4674.png" title="QQ20161014145354.png" alt="wKioL1gAgWLSd-7pAAEaLMAfGL4674.png" />

2、選擇建立好的網站名稱，點擊滑鼠右鍵，依次找到“管理網站”---“瀏覽”

650) this.width=650;" src="http://s1.51cto.com/wyfs02/M00/88/E9/wKioL1gAgnyTm4FvAABamqkVuK0315.png" title="無標題.png" alt="wKioL1gAgnyTm4FvAABamqkVuK0315.png" />

3、瀏覽器會開啟一個頁面並報錯，原因大家一看就明白，我們只需要在後面輸入html檔案名稱就可以

650) this.width=650;" src="http://s1.51cto.com/wyfs02/M01/88/E9/wKioL1gAgw-DoAO-AAA260X9vm0766.png" title="QQ20161014150128.png" alt="wKioL1gAgw-DoAO-AAA260X9vm0766.png" />

4、頁面開啟以後，把locahost部分更換成自己的電腦IP地址

650) this.width=650;" src="http://s1.51cto.com/wyfs02/M02/88/ED/wKiom1gAhA6wvY-SAAIa-qKjEW8937.png" title="QQ20161014150453.png" alt="wKiom1gAhA6wvY-SAAIa-qKjEW8937.png" />

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/88/ED/wKiom1gAhJXS4QASAAPATh6VNU0811.png" title="QQ20161014150753.png" alt="wKiom1gAhJXS4QASAAPATh6VNU0811.png" />

5、開啟一個線上二維碼產生頁面，把連結放進去就會自動產生一個二維碼，拿起手機掃碼就可以通過手機瀏覽頁面了。如果頁面開啟很慢或者打不開的話，就要關閉電腦防火牆

650) this.width=650;" src="http://s4.51cto.com/wyfs02/M00/88/E9/wKioL1gAhc3hTN7mAACpe7ZVM7k454.png" title="QQ20161014150844.png" width="500" height="246" border="0" hspace="0" vspace="0" style="width:500px;height:246px;" alt="wKioL1gAhc3hTN7mAACpe7ZVM7k454.png" />650) this.width=650;" src="http://s5.51cto.com/wyfs02/M01/88/E9/wKioL1gAhhGD6-txAA4ZpBvX6uM456.png" title="QQ圖片20161014151504.png" width="350" height="625" border="0" hspace="0" vspace="0" style="width:350px;height:625px;" alt="wKioL1gAhhGD6-txAA4ZpBvX6uM456.png" />

再次調試代碼的時候，只需要回到IIS管理器，找到你建立的網站，右擊重新整理，然後重複第5步的操作就行

650) this.width=650;" src="http://s1.51cto.com/wyfs02/M00/88/E9/wKioL1gAhyjTqwJ7AACDAWPjhPk517.png" title="無標題.png" alt="wKioL1gAhyjTqwJ7AACDAWPjhPk517.png" />

當然，以上操作成功的前提是必須要連結上區域網路，具體怎麼操作，可以百度下，這裡就不贅述了

本文出自 “dapengtalk” 部落格，請務必保留此出處http://dapengtalk.blog.51cto.com/11549574/1861933

藉助IIS管理器--用手機瀏覽HTML頁面