很多开发者想通过谷歌浏览器模拟手机打开网站,但是不知道怎么弄。做为一个开发者,要是不了解浏览器的调试模式,那就不太好了。今天给大家分享一下,在谷歌浏览器下如何设置手机调试模式。
01. 首先,打开谷歌浏览器,点击界面右上角的“三点”图标。
02. 在弹出的菜单中,我们点击“更多工具”——“开发者工具”或直接F12。如图
03. 这时我们就会看到浏览器右边多出了一个块,这个就是打开了开发者模式,一般都说打开了调试模式。
04. 那如何来设置为手机调试模式呢?我们可以看到在开发者模式下,可以看到调试模式面板左上角有一个“手机”样式按钮。
05. 我们点击后,浏览器的模式也就自动调整为手机界面的一个效果。如下图
06. 一般我们在手机模式下主要是调试一些样式效果,在这里还提供了一些常用手机机型,有安卓手机的,苹果手机的,ipad设备的,用于我们开发者调试。
END !!!
扫一扫 加微信咨询