手机查看html效果,使用IE浏览器查看页面手机端效果的方法

本文介绍如何使用Win10中的Edge浏览器模拟手机端页面。通过开启F12开发者工具并选择“仿真”功能,可以自定义分辨率来模拟不同尺寸的手机屏幕。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

近期制作手机端页面比较多,经常会遇到在PC端模拟手机端样式的时候,一般情况下是用chrome进行模拟,但是也有的时候,我们可以用IE模拟,我讲的IE是win10里面的Edgee。

方法/步骤

首先,我们点击win10系统左下角的windows图标,然后在弹出的框中,找到Edge,并点击它。

软件名称:Microsoft Edge浏览器 v86.0.622.38 32bits 简体中文官方版软件大小:83.08MB更新时间:2020-10-10立即下载

软件名称:Microsoft Edge浏览器 v86.0.622.38 官方正式版 64bits软件大小:92.7MB更新时间:2020-10-10立即下载

e23eb2fd3774aaa3b216c1186b9ba11e.png

点击之后,我们就会打开电脑上的Edge,即IE浏览器。并且进入到IE浏览器页面。

1171f90ab8efd78e70eeea8c2ccd83d3.png

在页面界面上,我们按下电脑上的F12,或者是点击浏览器右上角的三个圆点,在弹出的框中选择F12开发人员工具。

2a807e3d53982cdbc210230a8e34f532.png

在开发人员页面,我们会看到有一排选项,我们选择选项倒数第二个“仿真”。

78291cd8182a08cd34917d5b1d45e249.png

我们在仿真设置中,选择分辨率一项,然后在弹出框中选择"自定义"就可以自己定制自己需要模拟的手机大小。

e4aebd77c0f93e0d8f40410e7512ee48.png

我们设置自定义分辨率的宽和高之后,点击方向,把横向,改为“纵向”。

e36a70666fb83d51d8af1cb6ae925e34.png

页面就变成这个样子了,如果我们需要查看这个网站的手机版页面,我们可以直接点击浏览器配置文件,选择为win10移动版。

dc2b362e23f5e8140a66be8cc2a2c0e6.png

dcc7ad3384faa8eaa48cf6bd72568f58.png

以上就是使用IE浏览器查看页面的手机端效果的方法介绍,感兴趣的用户欢迎关注脚本之家!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值