使用Dreamweaver?

現在移動互聯網盛行,而我們傳統的pc端web 開發人員開始了創建html5頁面的生涯,那麼既是手機端的頁面,我們應該怎樣測試呢?新版的dw cs6增添了多屏瀏覽功能,我們可以查看頁面在手機端的顯示效果、

方法/步驟

首先我們需要打開自己的電腦,然後找到Dreamweaver cs6的快捷方式,單擊打開,如果沒有這個軟件,我們可以去百度搜索下載一個。

使用Dreamweaver cs6軟件測試手機hmtl頁面

然後我們選擇Dreamweaver軟件上方工具欄中的“文件”—“打開”然後在文件夾中瀏覽選擇一個我們做過的手機端頁面

使用Dreamweaver cs6軟件測試手機hmtl頁面

瀏覽到相應的html頁面後,我們點擊確定,便打開了相應的html頁面,進入到了軟件的編輯頁面。

使用Dreamweaver cs6軟件測試手機hmtl頁面

這是一個手機端的頁面,我們可以在pc端的瀏覽器中瀏覽但是效果不是很好,大家可以看一下。

使用Dreamweaver cs6軟件測試手機hmtl頁面

這時我們可以點擊Dreamweaver cs6軟件的文件菜單,在彈出的下拉菜單中選擇多屏預覽一項。

使用Dreamweaver cs6軟件測試手機hmtl頁面

這時我們可以看到軟件的彈出框中顯示“電話”一項,即是頁面在手機端的顯示效果。

使用Dreamweaver cs6軟件測試手機hmtl頁面

默認的電話頁面的大小是320*300,我們點擊此多屏預覽窗口右上角的視口大小,可以調整手機端瀏覽頁面的大小。

使用Dreamweaver cs6軟件測試手機hmtl頁面

注意事項

此方法適用於Dreamweaver cs6版本,

個人親身測試,如果對您有幫助請投上一票

相關問題答案