使用IE瀏覽器查看頁面手機端效果的方法

近期制作手機端頁面比較多,經常會遇到在PC端模擬手機端樣式的時候,一般情況下是用chrome進行模擬,但是也有的時候,我們可以用IE模擬,我講的IE是win10里面的Edgee 。
方法/步驟
首先,我們點擊win10系統左下角的windows圖標,然后在彈出的框中,找到Edge,并點擊它 。

使用IE瀏覽器查看頁面手機端效果的方法

【使用IE瀏覽器查看頁面手機端效果的方法】點擊之后,我們就會打開電腦上的Edge,即IE瀏覽器 。并且進入到IE瀏覽器頁面 。
使用IE瀏覽器查看頁面手機端效果的方法

在頁面界面上,我們按下電腦上的F12,或者是點擊瀏覽器右上角的三個圓點,在彈出的框中選擇F12開發人員工具 。
使用IE瀏覽器查看頁面手機端效果的方法

在開發人員頁面 , 我們會看到有一排選項,我們選擇選項倒數第二個仿真 。
使用IE瀏覽器查看頁面手機端效果的方法

我們在仿真設置中,選擇分辨率一項,然后在彈出框中選擇自定義就可以自己定制自己需要模擬的手機大小 。
使用IE瀏覽器查看頁面手機端效果的方法

我們設置自定義分辨率的寬和高之后,點擊方向,把橫向 , 改為縱向 。
使用IE瀏覽器查看頁面手機端效果的方法

頁面就變成這個樣子了,如果我們需要查看這個網站的手機版頁面,我們可以直接點擊瀏覽器配置文件,選擇為win10移動版 。
使用IE瀏覽器查看頁面手機端效果的方法


使用IE瀏覽器查看頁面手機端效果的方法

以上就是使用IE瀏覽器查看頁面的手機端效果的方法介紹 , 感興趣的用戶歡迎關注經驗啦網!

相關經驗推薦