如何在 PC 机上测试移动端的网页

如题所述

一般来说,用chrome浏览器,或者其他双核浏览器的极速版,有3个步骤

1、按F12,或者在ctrl+shift+I,或者右上角打开下拉菜单找到并点击“开发者工具”;


2、按ctrl+shift+M,或者点击左上角的手机图标;

3、然后在左侧刷新页面,选择适配终端,就可以调试移动端页面。

补充一下调试效果:左侧为调试效果,右侧为代码.可以在浏览的同时查看左侧的样式与代码

1、百度首页iPhone 4浏览效果

2、百度首页iPhone 6p浏览效果

3、百度首页Galaxy s5浏览效果

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-06-04
在PC机上测试移动端的网络,可以用安卓模拟器来实现,这样就可以在PC机上操作移动终端的界面了。
安卓模拟器是能在电脑上模拟安卓操作系统,并能安装、使用、卸载安卓应用的软件,它能让你在电脑上也能体验操作安卓系统的全过程。
安卓模拟器是能在PC平台模拟安卓手机系统的模拟器软件。安卓模拟器能在电脑上模拟出安卓手机运行环境,安卓模拟器让你在电脑上也能体验安卓游戏和应用,在各大下载站都能够下载。
比较常用的安卓模拟器有:Android SDK、BlueStacks,可在pc系统和苹果系统运行,著名的vmware虚拟机和Virtual Box虚拟机也可以模拟安卓系统,目前这些模拟器软件均可运行在微软公司的Windows操作系统平台。

在PC上测试移动端网站和模拟手机浏览器的5大方法
  右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择“复制”,复制一个图标副本到桌面。右击该副本,选择“属性”,打开相应的对话框,在“目标”文本框的字符后面添加以下语句:“–user-agent=”Android””,如下图:注意user前面是两个“-”,并且“chrome.exe”与“–user”之间...

PC浏览器电脑浏览器怎么打开手机版网页?
在开发者工具的顶部,点击“移动设备”图标(通常显示为一个手机和平板的图标)。在弹出的菜单中,选择一个设备或者自定义设备的尺寸和分辨率。重新加载网页,你将看到模拟移动设备上的手机版网页。通过这种方法,你可以方便地在PC浏览器上查看和调试手机版网页。2. 设置请求桌面版网站:另一种方法是在手...

如何在 PC 机上测试移动端的网页
打开chrome开发者工具,按F12(r32版本),然后找到右上角的齿轮按钮,打开设置面板,选择Overrides,勾上Show ‘Emulation’ view in console drawer(在控制台视图中显示“仿真”)。然后关闭设置面板,选择Elements面板(非Console就可以),找到右上角打开控制台面板,选择控制台面板里的Emulation面板,右边...

如何在 PC 机上测试移动端的网页
1、用chrome浏览器打开该网页 2、按F12打开开发人员选项 3、切换成移动显示模式,如下图 4、选择不同设备及分辨率进行调试,还可以旋转,如下图:

如何在 PC 机上测试移动端的网页
第一步,浏览器打开页面,按F12或者鼠标放在页面上右击选择审查元素,进入页面调试。第二部,点击小图标 如图1(以360浏览器为例子)图1 第三步,选择手机模拟设备尺寸、百分比、横屏竖屏。选择完最好刷新一下。图2 最后呈现的效果如图3 图3 ...

如何在 PC 机上测试移动端的网页
一、Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备。以下标星的为推荐方法。 1新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择“复制”,复制一个图标副本如何在 PC 机上测试移动端的网页 ...

如何在 PC 机上测试移动端的网页
安装chrome 浏览器 按f12 点击下面的符号 点击emulation 在model中选择你要的分辨率或者手机型号。

如何在 PC 机上测试移动端的网页
一般来说,用chrome浏览器,或者其他双核浏览器的极速版,有3个步骤1、按F12,或者在ctrl+shift+I,或者右上角打开下拉菜单找到并点击“开发者工具”;2、按ctrl+shift+M,或者点击左上角的手机图标;3、然后在左侧刷新页面,选择适配终端,就 ...

如何在 PC 机上测试移动端的网页
首先使用任何浏览器都可以。然后按照下面步骤 1 点击鼠标右键,然后选择查看元素 2 在你的电脑左下角会出现一个类似于手机的表图标 3 点击图标就变成手机版网站了

如何在 PC 机上测试移动端的网页
Chrome33.0.1750.154 m版本及后续版本 方法\/步骤 1 如图打开开发者工具,或者 F12 2 点击右侧“Show Drawer”按钮 3 选择需要模拟的设备 4 点击“Emulate”按钮完成模拟。在上方可以像手机一样拖动页面了。是不是很方便。

相似回答