IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

制作手机端页面比较多,经常会遇到在PC端模拟手机端样式的时候,一般情况下是用chrome进行模拟,但是也有的时候,我们可以用IE模拟,我讲的IE是win10里面的Edgee 。
方法/步骤
首先,我们点击win10系统左下角的windows图标,然后在弹出的框中,找到Edge,并点击它 。

IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
【IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享】点击之后,我们就会打开电脑上的Edge,即IE浏览器 。并且进入到IE浏览器页面 。
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
在页面界面上,我们按下电脑上的F12,或者是点击浏览器右上角的三个圆点,在弹出的框中选择F12开发人员工具 。
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
在开发人员页面,我们会看到有一排选项,我们选择选项倒数第二个“仿真” 。
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
我们在仿真设置中,选择分辨率一项,然后在弹出框中选择"自定义"就可以自己定制自己需要模拟的手机大小 。
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
我们设置自定义分辨率的宽和高之后,点击方向,把横向,改为“纵向” 。
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
页面就变成这个样子了,如果我们需要查看这个网站的手机版页面,我们可以直接点击浏览器配置文件,选择为win10移动版 。
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图
IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享

文章插图



    推荐阅读