养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何在PC端浏览器中模拟手机端效果

时间:2024-10-19 21:32:38

今天小编和大家一起分享一下如何在PC端浏览器中模拟手机端效果,一起来看下吧!

工具/原料

电脑

谷歌浏览器

方法/步骤

1、打开电脑并且打开电脑上的谷歌浏览器,如下图所示:

如何在PC端浏览器中模拟手机端效果

2、点击鼠标右键,选择检查,或者利用【Ctrl+Shift+I】调出检查页面,如下图所示:

如何在PC端浏览器中模拟手机端效果

3、选择之后得到下图效果:

如何在PC端浏览器中模拟手机端效果

4、此时页面展示不方便我们查看效果,我们可以更改一下其展示方式,点击右上角的三稍僚敉视个点,然后选择最后一个选项:Docktoright如下图所示:

如何在PC端浏览器中模拟手机端效果

5、选择之后得到下图效果:

如何在PC端浏览器中模拟手机端效果

6、点击toggled娣定撰钠evicetoolbar,或者利用【Ctrl+Shift+M】之后就可以得到手机端的模拟效果:

如何在PC端浏览器中模拟手机端效果

7、点击之后的效果如下图所示:

如何在PC端浏览器中模拟手机端效果

8、同样也可以选择相应的手机端效果,如下图所示,小编选择的是iphone6/7/8

如何在PC端浏览器中模拟手机端效果

© 一点知识