首页 > 分享 > Microsoft Edge开发人员工具——测试移动端与pc端的网页适配

Microsoft Edge开发人员工具——测试移动端与pc端的网页适配

尘世镜花恋 已于 2023-01-20 15:03:27 修改

于 2023-01-20 15:01:16 首次发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

作者:尘世镜花恋
主题:用微软下的edge浏览器测试移动端与pc端的网页适配

(一)场景描述

前几天在帮朋友写一个表白网页的时候,详情见我博客(博文直达链接),他希望在手机上能完全适配,而我只能在电脑上写代码,无法做到在移动端切换自如(Hbuilder虽然可以,但是我没下载),本文就是介绍用微软下的edge浏览器测试移动端与pc端的网页适配。

(二)使用方法

首先打开edge浏览器,点击右上角的三个黑点

在这里插入图片描述
接着选择更多工具,子菜单选择开发人员工具
在这里插入图片描述
点开后看右上角如图
在这里插入图片描述
点击黑色箭头所指的区域,就可以更换pc端或者是移动端来测试网页是否都适配啦~
在这里插入图片描述
ps:edge的移动端的机型有限,可以自动调节分辨率和网页缩放程度,如下:
在这里插入图片描述

(三)写在最后

如果觉得有用,记得三连哦~

在这里插入图片描述

相关知识

移动端
Html+Css+js实现春节倒计时效果(移动端和PC端)
手机移动端快速开发
移动Web实训DAY
网站开发网页
斗南鲜花远程拍卖系统PC端上线
在哪都能拍 斗南花市开辟远程PC端拍卖
如何从零高效的开发一款适配 Android 和 iOS 的移动端App
腾讯与微软联手整大活儿,PC能刷抖音,App能跨终端了?
Flutter与Xamarin跨平台移动开发对比

网址: Microsoft Edge开发人员工具——测试移动端与pc端的网页适配 https://m.huajiangbk.com/newsview948641.html

所属分类:花卉
上一篇: PC网页、移动端适配,页面fon
下一篇: vue如何适配移动端