1、先打开Chrome内核的浏览器,输入要用电脑查看在手机上显示效果的网页地址
2、接着按F12键,浏览器便会打开一个“开发人员工具”,如下图所示,再点击箭头1所指的图标
3、点击一下刷新,此时,当前网页已切换成了移动端的显示效果,先别着急,还可以设置得更完善,更能体现该网页在手机上显示的实际效果,点击箭头2所指的图标
4、现在该网页在浏览器中显示移动端的效果,已改成左右布局的样式了,这样更有利于查看右侧相应代码的显示,再点击箭头3所指处,在下拉菜单中选择一款要查看该手机中显示效果的手机型号
5、再点击箭头5所指的显示比例,一般选100%,这样更有利于看清该网页用手机查看时的效果。刷新后,该网页现在显示的,就基本和手机上看到的差不多了,要确认的话,可以拿手机再对比一下咯。
6、设置好后,在浏览器该页面的地址栏输入任意网址,刷新后,就都会以手机端的显示效果呈现出来。