在PC端测试移动端网站和模拟手机浏览器完美方法

在PC端测试移动端网站和模拟手机浏览器完美方法
需要在手机上测试代码,但又限于没有相应的手机,那该如何测试呢?
这里介绍的方法,不需要任何第三方插件或工具,不需要重新启动。重置只需一键。

操作方法

  • 01

    如图打开开发者工具,或者 F12

  • 02

    点击右侧“Show Drawer”按钮

  • 03

    选择需要模拟的设备

  • 04

    点击“Emulate”按钮完成模拟。在上方可以像手机一样拖动页面了。是不是很方便。

(0)

相关推荐

  • 在PC上测试移动端网站和模拟手机浏览器的5大方法

    查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp。 一、Chrome*浏览器 chrome模 ...

  • Chrome浏览器模拟手机访问网站的设置图文方法

    以前我们介绍过如何通过修改Chrome浏览器运行参数的方法来模拟手机访问网站,但是在Chrome 32和33版本以后增加了更加便捷的方法,在开发者工具中只需要设置一下就能方便的模拟各种手机型号的访问效 ...

  • 如何找到PC端爱奇艺APP上的手机扫描登录的二维码

    今天给大家介绍一下如何找到PC端爱奇艺APP上的手机扫描登录的二维码的具体操作步骤.1. 打开电脑,进入桌面,找到爱奇艺APP的快捷方式,双击打开.2. 进入主页面后,点击页面上方的人像图标.3. 如 ...

  • 手机访问电脑文件的方法(测试移动端网页效果)

    手机想访问测试电脑写好的页面文件时,这时部分人人会想到,拷内存卡,拷优盘,直接拷手机里(当然了 用模拟器的话这里就例外了),.....普通人一般用这些复制来复制去的方法,作为一个程序员,不自觉的就感觉 ...

  • 从C端到B端,我的产品设计之路

    记得当年我面试Lenovo的UX设计岗时,面试官问我C端和B端的区别是什么.有什么设计差异,这个问题对于当时只做过C端的我来说,简直是一脸懵,由于脑子里对B端的概念还不太明确,所以回答的也不全面 不精 ...

  • 手机浏览器如何设为电脑端浏览模式?

    最近有小伙伴们在埋怨,虽然手机浏览器很方便,可是有的事情需要电脑浏览器才可以做,所以今天的教程就来带大家看看如何将手机浏览器转化为电脑端模式.具体如下:1. 第一步,我们需要点击打开我们的浏览器,接着 ...

  • 怎么在超星学习通教师端设置学生端菜单?

    现在很多学校都在使用超星学习通开放网课,不同的网课对于学生的要求有所不同,因此有些菜单不需要显示在学生端,接下来小编就给大家介绍一下怎么在超星学习通教师端设置学生端菜单.具体如下:1. 首先第一步打开 ...

  • 怎么在电脑端安卓模拟器中安装并运行手机软件

    今天跟大家介绍一下怎么在电脑端安卓模拟器中安装并运行手机软件的具体操作步骤.方法一1. ①我们可以选择直接从模拟器自带的应用商城或浏览器中,进行搜索下载安装手机软件.②若没有我们想要的游戏,则可以选择 ...

  • 手机浏览器如何变成电脑端浏览器?

    今天小编要和大家分享的是手机浏览器如何变成电脑端浏览器,希望能够帮助到大家. 操作方法 01 首先在我们的手机桌面上QQ浏览器,并点击它,如下图所示. 02 然后点击屏幕下方的三条横杆,如下图所示. ...