現在移動互聯網盛行,而我們傳統的pc端web 開發人員開始了創建html5頁面的生涯,那麼既是手機端的頁面,我們應該怎樣測試呢?新版的dw cs6增添了多屏瀏覽功能,我們可以查看頁面在手機端的顯示效果、
方法/步驟
首先我們需要打開自己的電腦,然後找到Dreamweaver cs6的快捷方式,單擊打開,如果沒有這個軟件,我們可以去百度搜索下載一個。
然後我們選擇Dreamweaver軟件上方工具欄中的“文件”—“打開”然後在文件夾中瀏覽選擇一個我們做過的手機端頁面
瀏覽到相應的html頁面後,我們點擊確定,便打開了相應的html頁面,進入到了軟件的編輯頁面。
這是一個手機端的頁面,我們可以在pc端的瀏覽器中瀏覽但是效果不是很好,大家可以看一下。
這時我們可以點擊Dreamweaver cs6軟件的文件菜單,在彈出的下拉菜單中選擇多屏預覽一項。
這時我們可以看到軟件的彈出框中顯示“電話”一項,即是頁面在手機端的顯示效果。
默認的電話頁面的大小是320*300,我們點擊此多屏預覽窗口右上角的視口大小,可以調整手機端瀏覽頁面的大小。
注意事項
此方法適用於Dreamweaver cs6版本,
個人親身測試,如果對您有幫助請投上一票