欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

谷歌浏览器怎么模拟手机浏览访问网页的效果?

程序员文章站 2022-09-12 14:46:43
谷歌浏览器怎么模拟手机浏览访问网页的效果?...

谷歌浏览器想要实现使用利用谷歌浏览器浏览手机访问页面的功能,该怎么设置呢?下面我们就来介绍两种方法,请看下文详细介绍。

谷歌浏览器怎么模拟手机浏览访问网页的效果?

单击开始---->所有程序,选择google chrome选项,打开谷歌浏览器。

谷歌浏览器怎么模拟手机浏览访问网页的效果?

方法一:

1、打开浏览器后,单击右上方的菜单浏览按钮。

谷歌浏览器怎么模拟手机浏览访问网页的效果?

2、单击更多工具---->开发者工具选项,如下图所示。

谷歌浏览器怎么模拟手机浏览访问网页的效果?

方法二:

1、按下键盘上的f12键

谷歌浏览器怎么模拟手机浏览访问网页的效果?

2、开发者工具打开以后,选择手机图标的按钮

谷歌浏览器怎么模拟手机浏览访问网页的效果?

3、可以看到浏览器的页面,变成了手机访问页面效果了。

谷歌浏览器怎么模拟手机浏览访问网页的效果?

4、单击上方的responsive选项,可以选择模拟的手机型号,本人选择了iphone 6 plus选项。

谷歌浏览器怎么模拟手机浏览访问网页的效果?

5、上方的显示比例处,可以设置浏览器显示页面的比例,本例选择了50%。

谷歌浏览器怎么模拟手机浏览访问网页的效果?

6、单击显示比例旁边的按钮,可以切换为横屏显示或竖屏显示。

谷歌浏览器怎么模拟手机浏览访问网页的效果?

以上就是谷歌浏览器模拟手机浏览访问网页的过程,希望大家喜欢,请继续关注。