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

利用电脑上的浏览器模拟手机浏览器

时间:2024-10-19 17:41:59

作为手机网站开发工作者,借助电脑的浏览器来模拟手机浏览器,是一项很重要的技能。下面就讲讲怎么用电脑浏览器来模拟手机浏览器。

工具/原料

电脑

百度浏览器

方法/步骤

1、打开电脑,打开百度浏览器,找到右上角的“菜单栏”按钮。

利用电脑上的浏览器模拟手机浏览器

2、点击又上角的菜单栏,喘揲塾疖点击“工具”,点击“开发者工具”,或者是按“F12”按钮,进入浏览器的“调试模式”,也就是打开了浏览器的开发者工具。

利用电脑上的浏览器模拟手机浏览器

利用电脑上的浏览器模拟手机浏览器

3、如果觉得开发者工具和浏览器紧贴在一起不方便,我们可以点击某一按钮来把开发者工具和浏览器分离开。如下图所示

利用电脑上的浏览器模拟手机浏览器

利用电脑上的浏览器模拟手机浏览器

4、现螅岔出礤在进入关键阶段,点击“开发者工具”右下角的类似于齿轮的按钮,进入开发者工具的设置页面,如下图里的红色箭头所示,我们可以把电脑上的百度浏览器模拟成手机浏览器。手机的宽度高度也可以滤鲇魍童设置,手机上的一些html触发事件也可以进行设置

利用电脑上的浏览器模拟手机浏览器

利用电脑上的浏览器模拟手机浏览器

5、设置完以后,我们就可以输入一个手机网站的链接测试一下

© 一点知识