原文:在PC机上,如何用Chrome浏览器模拟查看和调试手机的HTML5页面?

如题,如何用PC机上的Chrome浏览器模拟查看和调试手机HTML 页面 参考操作步骤如下: 第一步 用Chrome打开要调试的页面 第二步 按F ,打开 开发者工具 ,点击其右上角的 Dock to main window. 按钮,让 开发者工具 停靠在浏览器的 右边 ,再点击左上角的 Toggle device mode. 按钮,如下图所示: 第三步 选择要模拟的设备,如下图所示: 第四步 刷 ...

2016-07-17 10:17 0 6261 推荐指数:

查看详情

通过chrome浏览器调试手机页面(IOS和Android)

开发PC页面的时候使用chrome浏览器的开发者工具,可以很容易的捕获到页面的dom元素,并且可以修改样式,方便调试,但是手机上却很麻烦,因为手机上没有办法直接打开开发者工具查看元素。其实可以通过将设备连接到PC,使用PC的开发者工具检测 一、针对android设备 1、在android设备 ...

Sun May 07 07:52:00 CST 2017 0 25381
robotframework_如何用Chrome模拟手机打开H5页面

由于公司目前的产品大部分都是APP端的H5页面,APP原生页面很少,测试H5页面如果去搭建appium或者macaca这类自动化平台太费时,太重而不能快速落地;与自动化的目标:提高测试效率相悖。但如果在web端测试H5页面既能覆盖绝大部分的UI功能,又能省时省力,快速落地;十分吻合项目需求 ...

Fri Nov 03 23:01:00 CST 2017 0 3245
谷歌浏览器如何调试手机

前言   如何在电脑上进行真调试?如何通过谷歌浏览器或safari来调试web页面或者由H5页面构成的app? 谷歌浏览器如何调试手机页面?   1. 手机开启模式,通过数据线连接至电脑。   2. 谷歌浏览器进入:chrome://inspect/#devices   3. ...

Tue Jan 26 22:25:00 CST 2021 0 484
UC浏览器开发者版调试手机页面

1 关于RI 目前,在手机上使用浏览器访问网页,无法便捷地进行网页语言调试手机屏幕相对较小且操作不便,直接在手机上进行网页数据调试不太现实。 因此,我们使用技术将手机网页调试信息分离,实现一种能在大屏幕、高配置PC上来调试小屏幕、低配置的手机浏览器访问的网页的开发工具 ...

Wed Dec 03 18:26:00 CST 2014 0 8887
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM