Chrome DevTools

最新推荐文章于 2023-11-29 23:31:20 发布
最新推荐文章于 2023-11-29 23:31:20 发布
阅读量382 收藏 1
点赞数 1
分类专栏： 工具 文章标签： chrome html
原文链接：https://developer.chrome.com/docs/devtools/
版权

第一篇  第二篇  第三篇  第四篇  第五篇

移动模拟 

使用设备模式模拟移动设备 

使用设备模式来近似您的页面在移动设备上的外观和性能。 

设备模式是 Chrome DevTools 中可帮助您模拟移动设备的松散功能集合的名称。 这些功能包括：模拟移动视口，限制网络，CPU 节流，模拟地理定位，设置方向。 

限制 

设备模式页面会模拟移动设备上的外观和感觉的近似值。 使用设备模式，您实际上不会在移动设备上运行您的代码。 您可以通过笔记本电脑或台式机模拟移动用户体验。 

DevTools 永远无法模拟移动设备的某些方面。 例如，移动 CPU 的架构与笔记本电脑或台式机 CPU 的架构非常不同。 如有疑问，最好的办法是在移动设备上实际运行您的页面。 在移动设备上实际运行时，使用远程调试从您的笔记本电脑或台式机查看、更改、调试和分析页面代码。 

模拟移动视口 

单击 【Toggle Device Toolbar】 以打开使您能够模拟移动视口的 UI。 

默认情况下，设备工具栏以响应式视口模式打开。 

响应式视口模式 

拖动手柄以将视口调整为您需要的任何尺寸。 或者，在宽度和高度框中输入特定值。 

显示媒体查询 

要在视口上方显示媒体查询断点，请单击更多选项，然后选择显示媒体查询。 

单击断点以更改视口的宽度，以便触发断点。 

移动设备视口模式 

要模拟特定移动设备的尺寸，请从设备列表中选择设备。 

将视口旋转到横向 

单击 【Rotate】 将视口旋转为横向。 

显示设备框架 

在模拟 iPhone 6 等特定移动设备的尺寸时，打开更多选项，然后选择显示设备框架以在视口周围显示物理设备框架。 

添加自定义移动设备 

单击设备列表，然后选择编辑。单击添加自定义设备。

输入设备的名称、宽度和高度。 设备像素比、用户代理字符串和设备类型字段是可选的。 设备类型字段是默认设置为移动设备的列表。 

显示标尺

单击更多选项，然后选择显示标尺以查看视口上方和左侧的标尺。 标尺的大小单位是像素。 

缩放视口 

使用缩放列表放大或缩小。 

限制网络和 CPU 

要限制网络和 CPU，请从限制列表中选择中端移动设备或低端移动设备。 

中端手机模拟快速 3G 并限制您的 CPU，使其比正常情况慢 4 倍。 低端移动设备模拟慢速 3G 并将您的 CPU 限制为比正常情况慢 6 倍。 请记住，节流与您的笔记本电脑或台式机的正常功能有关。 

仅节流 CPU 

要仅限制 CPU 而不是网络，请转到【Performance】面板，单击“捕捉设置”，然后从 CPU 列表中选择 4 倍减速或 6 倍减速。 

仅限制网络 

要仅限制网络而不是 CPU，请转到【Network】面板并从“限制”列表中选择“快速 3G”或“慢速 3G”。 

或按 Command+Shift+P (Mac) 或 Control+Shift+P（Windows、Linux、Chrome OS）打开命令菜单，输入 3G，然后选择启用快速 3G 节流或启用慢速 3G 节流。 

您还可以从【Performance】面板设置网络节流。 单击"捕获设置"，然后从网络列表中选择快速 3G 或慢速 3G。 

覆盖用户代理字符串 

1，按 Command+Shift+P (Mac) 或 Control+Shift+P（Windows、Linux、Chrome OS）打开命令菜单。 

2，键入【network conditions】，选择显示网络条件，然后按 Enter 打开网络条件选项卡。 

3，在用户代理部分禁用自动选择复选框。 

从列表中选择用户代理字符串，或输入您自己的自定义字符串。 

覆盖地理位置 

许多网站利用用户位置来为其用户提供更相关的体验。 例如，一旦用户授予网站访问其位置的权限，天气网站可能会显示用户所在区域的当地预报。如果您正在构建根据用户所在位置而变化的 UI，您可能希望确保该站点在世界各地的不同地方都能正常运行。 要在 Chrome DevTools 中覆盖您的地理位置：

1，按 Command+Shift+P (Mac) 或 Control+Shift+P（Windows、Linux、Chrome OS）打开命令菜单。

2，键入【sensors】，选择【show sensors】，然后按 Enter。 Sensors 选项卡在 DevTools 窗口的底部打开。

3，从地理位置列表中选择预设城市之一，如东京，或选择自定义位置以输入自定义经纬度坐标，或选择位置不可用以查看您的站点在用户位置不可用时的行为。 

模拟设备方向 

1，按 Command+Shift+P (Mac) 或 Control+Shift+P（Windows、Linux、Chrome OS）打开命令菜单。

2，键入【sensors】，选择【show sensors】，然后按 Enter。 Sensors 选项卡在 DevTools 窗口的底部打开。

3，从方向列表中选择一种预设方向，如纵向倒置，或选择自定义方向以提供您自己的准确方向。

选择自定义方向后，将启用 alpha、beta 和 gamma 字段。

您还可以通过拖动方向模型来设置自定义方向。 在拖动以沿 alpha 轴旋转之前按住 Shift。

Java用反射获取与设置成员变量的值
T13533331461的博客
05-27 4425
我们在编程的过程中经常会涉及到数据的存取，很多时候我们需要从另一个类中获取数据，而这些类之间可能还没有任何的联系。对于这种情况，就可以用反射来解决。JAVA语言的反射机制在运行状态中，对于任意一个类，都能够获取到这个类的所有属性和方法，对于任意一个对象，都能够调用它的任意一个方法和属性，包括私有的方法和属性。 在这个名叫Data的类里面准备了四个变量，并且都已经赋上了值。同时又使用了p...
Java 通过反射获取方法与变量
Java技术攻略的博客
03-07 2684
反射技术是Java生态中的重要内容，在Spring以及其他框架中得到了广泛的应用。
利用反射获取Java类中的静态变量名及变量值的简单实例
08-31
下面小编就为大家带来一篇利用反射获取Java类中的静态变量名及变量值的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
反射获取对象变量
qq_39790910的博客
10-17 356
1)如果field的name是一个static的变量，field.get(param)，param是任意的都可以，返回类中当前静态变量的值。例如：                      field.get(null); 2)如果是非静态变量，field.get(obj)，obj必须是当前类的实例对象，返回实例对象obj的变量值。                    注意：对于私有的属性...
java 反射获取私有变量值_java中通过反射强力获取私有变量的值
weixin_30118803的博客
02-16 2218
我们都知道如果一个变量用private声明，那么他们的变量将只能在自身的类中或类的对象使用，对于其他类是不可见的。现在我将通过反射访问私有变量。下面是一个私有变量的bean：public class PrivateField {private String name = "qq";private String password = "qqpassword";}下面是得到私有变量的值：package...
反射获取变量的值
张小小凡
01-03 1228
反射获取变量的值 public class Person { private String name = "liqinghua"; private int age = 11; } public class ReflactParam { public static void main(String[] args) { try { Cl...
反射获取全部成员变量，并获取对应的值
ff_hh的博客
07-06 8335
直接代码Kotlin、java 两种 准备实体类class UserInfo(var name: String, var nickname: String) { fun loginValue (){ System.err.print("name = $name nickname = $nickname") } }public class UserInfoJ { private ...
Java利用反射获取object的属性和值代码示例
08-28
在这篇文章中，我们将通过一个实用的例子来展示如何使用Java反射机制来获取对象的属性和值。 在Java中，反射机制是通过java.lang.reflect包中的类和接口来实现的。其中，Class类是反射机制的核心，通过它可以获取类...
java使用反射访问成员变量的值示例
08-25
本文重点介绍了如何使用Java反射机制访问类的成员变量的值，并结合实例分析了实现的技巧。 首先，要使用反射机制，我们需要得到一个类的Class对象，这代表了类的元信息。在Java中，我们可以通过各种方式获取到Class...
java 利用反射获取内部类静态成员变量的值操作.docx
01-13
接下来，我们将通过一个具体的例子来演示如何使用Java反射获取内部类的静态成员变量的值。 ##### 示例代码分析 假设我们有如下的类结构： ```java public class Goods { static class Apple { // 内部类 public ...
java通过反射获取一个类public变量及值
xiejunna的博客
06-18 982
package com.test.demo; import java.lang.reflect.Field; import java.util.HashMap; import java.util.Map; import com.test.entity.CommonData; public class Test { public static void main(String[] args) { try { //实体类对象 CommonData commonData =new C
java 的反射机制获得变量及变量值
zhuzhenlong998的专栏
03-26 8824
Field[] fields = SWT.class.getDeclaredFields();         for (Field f : fields) {             if (f.getInt(f.getName()) == 3) {                 System.out.println(f.getName() + "-------------> " + f
反射——使用反射获取成员变量，给成员变量赋值或读取
温良
08-04 2432
要记住步骤，不要记住代码。因为代码有可能记不住，要明白先获取class对象，然后再获取里面的成员变量，获得到成员变量当然是赋值或者是获取值啦，这样一想不就很通顺了。 依旧是个Student类 public class Student { public String name; public int age; public String gender; private int money = 300; @Override public St.
java 获取类的变量的值_利用反射获取Java类中的静态变量名及变量值的简单实例...
weixin_33430573的博客
02-12 1970
JAVA可以通过反射获取成员变量和静态变量的名称，局部变量就不太可能拿到了。public class Test {public static void main(String[] args) throws Exception {// TODO Auto-generated method stub//获取所有变量的值Class clazz = Class.forName("com.qianmingx...
反射（获取成员变量，获取成员方法）
学习笔记
07-27 2229
FieldgetField(Stringname)返回单个成员变量对象（只能拿Public修饰的）Method[]getMethods()返回所有成员方法对象的数组（只能返回为public修饰的）Field[]getFields()返回所有成员变量对象的数组（只能拿public修饰的）参数2调用方法的传递的参数（如果没有就不写）返回值方法的返回值（如果没有就不写）反射的第一步是先得到类对象，然后从类对象中获取类的成分对象。反射的第一步是先得到类对象，然后从类对象中后去类的成分对象。...
第九章：反射-通过反射获取成员变量并使用
weixin_43597208的博客
06-10 383
通过反射获取方法并使用 1、* Field * Class.getField(String)方法可以获取类中的指定字段(可见的), * 如果是私有的可以用getDeclaedField(“name”)方法获取, * 通过set(obj, “李四”)方法可以设置指定对象上该字段的值, * 如果是私有的需要先调用setAccessible(true)设置访问权限, * 用获取的指定的字段调用get(obj)可以获取指定对象中该字段的值 2、示例代码如下： package com.jh.www; import
java:反射(通过反射获取成员变量并使用)
Y.z-努力才有成功的机会...
12-20 3097
package com.heima.reflect; import java.lang.reflect.Constructor; import java.lang.reflect.Field; import com.heima.bean.Person; public class Demo4_Filed { /* * Class.getField(String)方法可以获取类中的指定字段(可...
java反射-获取成员变量和成员方法
weixin_64485175的博客
11-29 1069
基于上一篇，我们简单介绍了反射以及如何获取class文件对象和如何利用反射获取构造方法，接下来，我们就来说一说反射获取的另外两种，获取成员变量和成员方法。获取权限修饰符、名字、数据类型、成员变量记录的值，同时我们也可以修改对象里面的值。对比上篇的构造方法，大家有没有发现前面几乎只是变量和方法的区别，其他几乎一样？获取里面所有的方法对象（不能获取父类的，但是可以获取本类中私有的方法）首先，获取里面所有的方法对象（包含父类中所有的公共方法）我们可以发现获取方法的规律都是一样的。获取方法的抛出的异常。
java反射获取成员变量值
最新发布
01-14
### 使用Java反射机制获取类的成员变量值 在Java中，通过`java.lang.reflect.Field`类可以访问并操作对象的字段。为了获取特定实例中的字段值，需先获得该字段对应的`Field`对象，再调用其`get(Object obj)`方法传入目标对象。 对于公共字段而言，可以直接利用`Class.getFields()`来检索所有可访问（即public修饰符定义）的字段列表[^1]： ```java // 获取Bird类的所有公共字段 Class<?> birdClass = Class.forName("com.chimo.reflection.Bird"); Field[] fields = birdClass.getFields(); for (Field field : fields) { System.out.println(field.getName()); } ``` 然而，在实际开发过程中更常见的是处理私有或其他非公开级别的字段。此时应采用`Class.getDeclaredFields()`代替，并设置字段为可访问状态以便读取或修改其值[^3]： ```java import java.lang.reflect.Field; public class ReflectionExample { static class Point { private int x; private int y; public Point(int x, int y){ this.x=x; this.y=y; } } public static void main(String args[]) throws Exception{ // 创建Point实例 Object pointInstance = new Point(10, 20); // 获得Point.class Class<?> clazz = pointInstance.getClass(); // 遍历所有声明的字段 Field[] declaredFields = clazz.getDeclaredFields(); for(Field f : declaredFields){ // 设置字段为可访问 f.setAccessible(true); // 打印字段名及其对应于pointInstance上的值 String fieldName = f.getName(); Object fieldValue = f.get(pointInstance); System.out.printf("%s field value: %s\n", fieldName, fieldValue.toString()); } } } ``` 上述代码展示了如何遍历指定类型的全部字段，并打印出给定对象上这些字段的具体数值。值得注意的是，这里使用了`setAccessible(true)`绕过了Java的语言级安全性检查，允许程序访问即使是private修饰的成员变量[^4]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值