网站建设的初学者常常会遇到一个问题,那就是在本地测试网站的时候,只能观看到网站电脑版的样子,而由于此时网站是在本地搭建的,并没有上传到服务器或空间上去,在手机上就预览不了网站,看不到网站手机版的样子。
这样就很苦恼,今天讯美网络就告诉大家一个本地网站在电脑上预览手机版的方法。
一、首先我们在电脑上打开本地网站,比如我们打开讯美网络

二、我们按键盘上的F12,就会弹出开发者模式,各个浏览器可能会稍有不同,但大体上都是差不多的

三、点击左上角的手机样子的图标,我们就可以把网站切换到手机环境浏览,而且还可以在上面选择相应的手机机型进行查看,手机机型主要的作用是区别安卓和IOS的系统,还有一个是屏幕的大小。

四、如果想要退出手机环境,只需要再次按下F12或者再次点击手机图标即可。

五、开发者模式下的其它功能和用途我们下次再说,有想法的也可以自己去试一试。