Microsoft Edge开发人员工具——测试移动端与pc端的网页适配
![](http://img.huajiangbk.com/upload/news/2024/1207/photos/middle/20241207183615_sud1_9gvkvgs.jpg)
尘世镜花恋 已于 2023-01-20 15:03:27 修改
于 2023-01-20 15:01:16 首次发布
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
作者:尘世镜花恋
主题:用微软下的edge浏览器测试移动端与pc端的网页适配
(一)场景描述
前几天在帮朋友写一个表白网页的时候,详情见我博客(博文直达链接),他希望在手机上能完全适配,而我只能在电脑上写代码,无法做到在移动端切换自如(Hbuilder虽然可以,但是我没下载),本文就是介绍用微软下的edge浏览器测试移动端与pc端的网页适配。
(二)使用方法
首先打开edge浏览器,点击右上角的三个黑点
![在这里插入图片描述](http://img.huajiangbk.com/upload/news/2024/1207/photos/middle/20241207183615_sud1_9h205u2c.jpg)
接着选择更多工具,子菜单选择开发人员工具
![在这里插入图片描述](http://img.huajiangbk.com/upload/news/2024/1207/photos/middle/20241207183616_sud1_teak48s.jpg)
点开后看右上角如图
![在这里插入图片描述](http://img.huajiangbk.com/upload/news/2024/1207/photos/middle/20241207183616_sud1_3i1gdi7c.jpg)
点击黑色箭头所指的区域,就可以更换pc端或者是移动端来测试网页是否都适配啦~
![在这里插入图片描述](http://img.huajiangbk.com/upload/news/2024/1207/photos/middle/20241207183616_sud1_ds2jgnqk.jpg)
ps:edge的移动端的机型有限,可以自动调节分辨率和网页缩放程度,如下:
![在这里插入图片描述](http://img.huajiangbk.com/upload/news/2024/1207/photos/middle/20241207183617_sud1_tr12pc40.jpg)
(三)写在最后
如果觉得有用,记得三连哦~
![在这里插入图片描述](http://img.huajiangbk.com/upload/news/2024/1207/photos/middle/20241207183617_sud1_q12em6ms.jpg)
相关知识
移动端
Html+Css+js实现春节倒计时效果(移动端和PC端)
手机移动端快速开发
移动Web实训DAY
网站开发网页
斗南鲜花远程拍卖系统PC端上线
在哪都能拍 斗南花市开辟远程PC端拍卖
如何从零高效的开发一款适配 Android 和 iOS 的移动端App
腾讯与微软联手整大活儿,PC能刷抖音,App能跨终端了?
Flutter与Xamarin跨平台移动开发对比
网址: Microsoft Edge开发人员工具——测试移动端与pc端的网页适配 https://m.huajiangbk.com/newsview948641.html