Chrome添加调试机型

打开chrome,按F12。选择toggle device toolbar。切换到手机模拟器模式，手机类型下拉列表，选择Edit

device name 输入设备名称如 HuaWei P10
device pixel ratio（设备像素比），一般是输入2
输入手机分辨率的width、height(如果像素比是2,19201080分辨率的手机，在这里widthheight就要输入540*960 )
输入user agent string。用js去获取如:alert(navigator.userAgent);
获取到的字符串为：

MoZilla/5.0(Linux; U; Android
8.0.0: Zh-cn; VTR-TLOO Build/
HUAWEIVTR-TLOO) AppleWebkit/
537.36(KHTML, like Gecko)
Version/4.0 Chrome/
57.0.2987.132 MQQBrowser/8.8
Mobile safari/537.36

将 ** MoZilla/5.0(Linux; U; Android
8.0.0: Zh-cn; VTR-TLOO Build/
HUAWEIVTR-TLOO) AppleWebkit/
537.36(KHTML, like Gecko)
Version/4.0 Chrome/
57.0.2987.132 MQQBrowser/8.8
Mobile safari/537.36
** 填入 user agent string

Chrome添加调试机型相关推荐

在Chrome 中调试Javascript
在前面的两篇文章中我们讲了如何在IE中调试Javascript和在Visual Studio中调试Javascript,在本篇内容中,我们讲一下如何在谷歌 Chrome中调试Javascript. C ...
Android 借助Stetho在Chrome上调试Android网络、数据库、Sharedpreferences
Android 借助Stetho在Chrome上调试Android网络.数据库.Sharedpreferences 转载请标明出处:http://blog.csdn.net/zhaoyanjun6/a ...
chrome android 远程调试,chrome 远程调试
方式一: 远程调式手机的chrome浏览器 Chrome DevTools调试移动设备Brower Page Tabs/WebViews 安卓远程调试目前支持所有操作系统(Windows,Mac, L ...
小花仙通过远程Chrome远程调试来高清截图
鄙人一直在竭力简化小花仙高清截图的操作步骤.这次再来尝试使用原生的Chrome远程调试来操作CDP的指令. 参考之前的文章python selenium chrome 控制devtools 一些线索将 ...
【解决方案】三星手机使用chrome远程调试失败
问题描述使用机型三星note8.三星s8 操作步骤在chrome输入: chrome://inspect/#devices 使用chrome远程调试失败,inspect没有显示解决方法在手机 ...
chrome浏览器调试总结
chrome浏览器调试总结 1.如何调出浏览器调试工具 2.开发者工具初步介绍 2.1 元素(Elements) 2.2 控制台(Console) 2.3 源代码(Source) 2.4Network ...
Chrome - JavaScript调试技巧总结（浏览器调试JS）
Chrome 是 Google 出品的一款非常优秀的浏览器,其内置了开发者工具(Windows 系统中按下 F12 即可开启),可以让我们方便地对 JavaScript 代码进行调试. 为方便大家学习 ...
Android通过Chrome Inspect调试WebView
Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法转载自:https://www.cnblogs.com/slmk/p/7591126.html A ...
HBuilder离线打包启用Chrome Inspect调试
解决方法: 修改这个文件 assets/data/dcloud_control.xml <msc version="1.9.9.39354" debug="true ...

Chrome添加调试机型

Chrome添加调试机型相关推荐

最新文章

热门文章