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

2020-11-17 12:09:05 字数 2929 阅读 8301

1楼:yty随意

1、首先在电脑上打开360极速

浏览器,其他浏览器也大同小异,在一个网页中“右键--审查元素”。

2、在弹出的窗口中,在右下角找到setting按键,进入设置界面。

3、在settings中,找到overrides,并点击,勾选enable和user-agent选项。

4、然后选择相应需要用到的手机系统与相应的设备,进行模拟。

5、然后再下拉,这里可以设置屏幕的分辨率,字体的大小比例等。

2楼:左阳

不中如下:

1、打开移动端网页

2、复制页面**发送至可以传输**的软件

3、使用pc端接受**

4、检测

3楼:风花树

一、chrome*浏览器

chrome模拟手机总共有四种方法,原理都一样,通过伪装user-agent,将浏览器

4楼:帅帅哥

firefox和chrome都有手机模式,搭建手机模拟器,其实就是搭建一下andriod和ios的后台开发环境。还有一些第三方的开放式开发平台,移动电信联通都有,不过要收费的。

怎么测试pc端和移动端的网页兼容

5楼:匿名用户

f12 点击手机的那个图标,谷歌浏览器为例

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

6楼:铿锵民工

一般来说,用chrome浏览器,或者

其他双核浏览器的极速版,有3个步骤

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

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

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

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

7楼:德朋印暄

电脑端测试手机网页的方法有以下4点:

1、opera浏览器推出了一款专用测试移动端的浏览器工具(operamobile

classic

emulator)进行测试,还可以自定义手机分辨率。

2、使用谷歌浏览器的开发者模式(按f12),点击开发者工具左边第二个手机一样的按钮。

3、使用

ios或

android

模拟器内的浏览器来查看。

4、修改浏览器的「用户**」(user

agent),即可模拟网页在其他设备上的显示。这个方法的原理是告诉**你在用所「声称」的浏览器在访问,**就会按浏览器或平台给你相应的网页或排版布局。

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

8楼:匿名用户

电脑端测试手机网页的方法有以下4点:

1、opera浏览器推出了一款专用测试移动端的浏览器工具(opera mobile classic emulator)进行测试,还可以自定义手机分辨率。

2、使用谷歌浏览器的开发者模式(按f12),点击开发者工具左边第二个手机一样的按钮。

3、使用 ios 或 android 模拟器内的浏览器来查看。

4、修改浏览器的「用户**」(user agent),即可模拟网页在其他设备上的显示。这个方法的原理是告诉**你在用所「声称」的浏览器在访问,**就会按浏览器或平台给你相应的网页或排版布局。

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

9楼:cd张小明

要注意的是要输入 ip地址加端口号等连接信息,不能输入机器名,那样移动端识别不了。

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

10楼:可乐零七

用chrome浏览器测试,简单方便,步骤:

1、用chrome浏览器打开该网页

2、按f12打开开发人员选项

3、切换成移动显示模式,如下图

4、选择不同设备及分辨率进行调试,还可以旋转,如下图:

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

11楼:匿名用户

用chrome浏览器测试,简单方便,步骤:

1、用chrome浏览器打开该网页

2、按f12打开开发人员选项

3、切换成移动显示模式,如下图

4、选择不同设备及分辨率进行调试,还可以旋转,如下图:

ok,开始你的开发之旅吧~

12楼:千锋教育

打开chrome 输入**,按f12呼出调试器,按esc就会底下再冒上来一坨,选 emulation 在chrome里开发网页***,各种好   除了   字体是不一样的,导致文字宽度都可能不一样,继续导致在手机里会掉下去什么的   还有retina什么的,1px的线之类的!

如何在 pc 机上测试移动端app

13楼:匿名用户

建议使用模拟器,比如夜神安卓模拟器,让你可以在电脑上安装android应用。但如果你是开发者,还是建议使用真机进行测试,用手机连接usb,打开开发者模式里的usb调试开关即可。

14楼:匿名用户

有模拟器的,上网找找就行了

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

15楼:商丘夏邑类

第一步,浏览器打开页面,按f12或者鼠标放在页面上右击选择审查元素,进入页面调试。

第二部,点击小图标

如图1(以360浏览器为例子)

图1第三步,选择手机模拟设备尺寸、百分比、横屏竖屏。选择完最好刷新一下。

图2最后呈现的效果如图3图3