得益于社区的反馈，我们为大家提供并更新了这套工具，旨在赋能三大主题: 快速 UI 设计 - 使用 Jetpack Compose，创建现代 UI 从未如此简单。...当您与应用互动时，您现在还可以选择启用实时更新 (Live Updates)，以不断地从您的设备上串流数据，或者禁用实时更新而只在需要时使用刷新 (Refresh) 动作来减少对设备的性能影响。...△ Compose Layout Inspector 部署预览到设备 - 使用此功能将 UI 片段部署到设备或模拟器上，从而在设备中测试您的一小部分代码，而无需启动完整应用。...模拟器工具窗口中的扩展控制 - 当模拟器在工具窗口中打开时，开发者可以访问模拟器的所有扩展控件。...图片 △ 模拟器工具窗口中的扩展控制 Background Task Inspector - 现在，当使用 WorkManager 库 2.5.0 或更高版本时，您可以用 Background Task
在强化设备支持方面，我们构建了新的 Wear OS 配对助手，以简化 Wear OS 模拟器与实体或虚拟手机的配对。...无论您是针对小屏还是大屏设备进行开发，我们都加入了新的功能来帮助您持续打造创新且出色的应用。 最后，为提高开发者的工作效率，我们增加了一些能让您更高效工作的功能。...您也可以观看 视频 了解不容错过的更新亮点。 设计 使用 @Preview 注释生成 Compose 代码的预览，并对多个组件的不同配置 (例如不同设备或主题) 进行可视化。...的设备上使用 WorkManager 库 2.5.0 或更高版本时，您可以使用全新的后台任务检查器 (Background Task Inspector) 来可视化、监控和调试应用的后台任务处理器。...从菜单栏依次选择 **View (视图) > Tool Windows (工具窗口) > App Inspection (应用检查)**，即可访问此工具。请阅读 官方文档 了解详情。
1、构建分析器 当将 Android Studio 4.0 与 Android Gradle 插件 4.0.0 及更高版本一起使用时，Build Analyzer 窗口可帮助你了解和诊断构建过程中的问题...四、设计工具 此版本的 Android Studio 包括对设计工具的更新，例如 Layout Inspector （布局检查器）和全新的 Motion Editor 。...2、Live Layout Inspector 使用 Live Layout Inspector 调试版式，在将应用程序部署到设备时可提供对应用程序UI完整地实时更新。...3、布局验证 Layout Validation (布局验证)是一种可视化工具，可用于同时预览不同设备和配置上的布局，从而帮助检测布局错误并创建更多可访问的应用程序。 ?...image 在 Layout Validation 窗口中，可以从四个不同的配置集中选择： Pixel Devices ：在多种像素设备上预览应用。
调试 UI 的问题有时很棘手，Android Studio 4.0 内置了全新的布局检查器 (Layout Inspector)，它的使用效果类似 Chrome 开发者工具，可以帮助开发者调试 Android...通过该工具您可以逐层来检查视图层次结构，同时它还会展示所有视图的属性，包括继承自视图父类的属性。 接下来我们一起了解一下最新版本的布局检查器是如何发挥作用的。...首先点击窗口的 View 菜单，找到 Tool Window 子菜单，然后选择 Layout Inspector，这样就打开了布局检查器窗口。 布局检查器仅显示正在运行的进程的 UI 层次结构。...也就是说您需要连接到设备或者模拟器上的一个正在运行的可调试应用，有两种方式可以满足该条件: 如果您没有正在运行的进程，那么需要首先连接到一台设备或者启动一个 Android 模拟器实例，并且点击窗口的...旋转操作可以帮助您更直观地了解视图的组织结构。请注意，旋转仅在 Android 10 或以上的设备上才可以使用。 您也可以选中一个视图，然后右键点击它后，窗口仅显示它的子视图。
最新的 Android Studio 4.1 (目前处于 Canary 版本) 内置了叫作Database Inspector (数据库检查器) 的工具，它可以帮助开发者在已运行的应用中检查、请求以及修改数据库...△ Database Inspector 窗口 运行 Database Inspector 需要在 API Level 26 或者更高的设备上运行应用，在下拉菜单里选择该应用的进程: ?...除此之外，我们也可以在工具窗口里输入我们自己的请求并运行。这样能够提供更大的自由度，也不会受限于 Dao 接口里的请求语句定义。...修改以及调试数据库 Database Inspector 使得调试应用变得轻而易举，它还可以让开发者直接修改设备上已运行应用的数据库值。 首先，我想在应用 UI 上测试一下较长的植物名称。...△ 应用并没有很好地处理较长的名字 每个植物都有不同的浇水间隔，我想试试看如果错过了浇水的日子会发生什么。
改变 UI 生成器做上的 "Virtual Device to render the layout with" (渲染所用的虚拟设备)查看在不同情况中的布局....手柄的类型: Figure B. 在这个控件中我们可以看到不同的手柄 改变尺寸的手柄: 类似于其它你可能已经用过的绘图设计程序, 调整尺寸的手柄允许你改变控件的尺寸....基准线约束手柄: 基准线约束 handle 帮助你对齐两个控件的文本区域, 与控件尺寸无关. 在你想使用两个不同大小的控件同时又想保持其中文字对齐的时候很有帮助....在设计窗口, 找到控件选择板上的 ImageView 拖入布局. ImageView 被拖入布局后, UI 生成器就会立即询问其所使用的资源(显示在 ImageView 中的图)....选择一个不同的设备, 如 Nexus 6P 或者 Nexus 9 以检查布局渲染正确. 你现在已经看到使用约束系统的整个系列: 创建手工约束, 使用自动连接约束, 还有使用推理引擎约束.
Layout Inspector 现在会如实显示应用 UI 中的真实数据，方便您更好地调试设备上显示的内容。 Android Studio 4.0 正式版的发布，离不开预览版用户们早期给出的宝贵反馈。...通过 Layout Validation 窗口，您可以同时预览 UI 在不同屏幕、不同配置中的呈现结果，从而轻松让应用适配好这些设备。...我们还重新设计了 System Trace 界面，用不同的颜色来区分显示事件，从而在视觉上更加醒目。在线程排序方面，更繁忙的线程会优先展示，帮助您专注于所选线程中的数据。...虽然我们对使用 Kotlin 来配置构建有很高的期待，但接下来的一年中我们依然会继续完善 Android Gradle 插件的 DSL API，这可能会给 Kotlin 脚本用户带来 API 的重大变更...全新升级: 更加直观的实时调试体验 Layout Validation: 在多个屏幕上同时对比 UI 开发与分析: CPU Profiler 更新: UI 更直观、更易于浏览，数据更易解读 R8 规则更新
构建和部署 全新的设备管理器 (Device Manager) - 您可使用 Bumblebee 的这个新工具窗口更轻松地查看和管理虚拟和实体测试设备。...只需通过主菜单选择 视图 (View) > 工具窗口 (Tool Windows) > 设备管理器 (Device Manager) 即可使用。...您可在 实体 (Physical) 标签页中，使用 ADB Wi-Fi 快速与新设备配对，并一目了然地查看每个实体设备的详细信息，或使用 **设备文件浏览器 (Device File Explorer)...△ 通过 Wi-Fi 使用 ADB 配对设备 使用 Gradle 在 Android Studio 中运行插桩测试 - 您是否曾经历过在 Android Studio 和 CI 上运行相同测试，所得结果却不同...如要使用新的分析器，请在菜单栏中选择**视图 (View) > 工具窗口 (Tool Windows) > 应用检查 (App Inspection)，然后选择网络分析器 (Network Inspector
下面就来介绍一下Shader Graph的基本信息及使用方法，上手非常简单，一起来看看吧！...需要注意的是根据Unity版本的不同，此处创建ShaderGraph时可能路径会有所不同，只要找到带有ShaderGraph后缀的即可使用。...可以在官网文档查阅关于更多节点的作用：节点库 5.3 Shader Graph 窗口使用技巧 Shader Graph 窗口中的Blackboard、Graph Inspector、Main Preview...滑动鼠标滑轮可以放大和缩小节点，按鼠标中键或者Alt+鼠标左键拖拽可以平移场景，在Shader Graph 窗口中鼠标移动到模块的右下角可以调整预览框的大小。...这比起写Shader代码来说，无疑是简单了太多，但相应的也需要熟悉大量的API文档才可以真正的上手熟练使用ShaderGraph。
作为一个比selenium更加强大的web自动化测试工具，当然也拥有录制的功能了，本篇文章我们就来介绍playwright的脚本录制功能。...它将打开两个窗口，一个是浏览器窗口，您可以在其中与要测试的网站进行交互，另一个是 Playwright Inspector 窗口，您可以在其中记录测试、复制测试、清除测试以及更改测试语言。...启动命令如下：playwright codegen http://网站地址启动后，电脑上出现2个窗口，左边是浏览器打开网站可以操作，右边是inspector 可以生成对应的脚本，如下图：图片我们以登录百度为例录制我们的脚本...--viewport-size选项生成不同大小的窗口playwright codegen --viewport-size=800,600 playwright.dev指定设备型号--device 使用设置视口大小和用户代理等选项模拟移动设备时记录脚本...，相比于selenium，playwright录制的脚本更具有可用性，并且playwright录制的功能可以直接支持其他不同尺寸的设备录制脚本，这比selenium完善了很多。
Postman —接口调试工具。接口编写、调试、文档撰写过程使用它能提升工作效率。有100多万用户了。 Window Resizer —调整浏览器窗口大小，模拟各种分辨率。...Firebug Lite — 它可不是用来替代Firebug或Chrome的开发者工具，而是配合这些工具来使用。你可以像使用Firebug那样，用它来查看HTML、DOM元素和盒子模型。...Pesticide — 在当前网页插入Pesticide CSS，为元素添加明显的边框，方便查看元素位置。 Responsive Web Design Tester —测试移动网站在移动设备上的效果。...该插件能够模拟不同尺寸、装有不同浏览器的移动设备。 Palettab — 安装后，新开一页卡，就能看到5种颜色和字体搭配方案！每次点击新页卡，就能有新发现。...HTML5 Outliner — 使用网页中的标题和分区信息，创建可点击的大纲视图。 PerfectPixel — 在页面上显示半透明的图像，便于逐像素对比调整前后的页面效果，以达到最佳水准。
关于Th3inspector Th3inspector是一款功能强大的网络侦查信息收集工具，该工具整合了多种信息收集组件，可以帮助广大研究人员在网络侦查活动中完成各种信息收集任务。.../install.sh（向右滑动，查看更多） Windows安装 首先，我们需要在Windows设备上安装并配置好Perl，然后使用下列命令下载Th3inspector： git clone https...Th3inspector项目解压到桌面，并打开终端窗口执行下列命令： cd Desktop/Th3inspector-master/ perl Th3inspector.pl（向右滑动，查看更多） 工具使用命令...（向右滑动，查看更多） 使用CloudFlare Protection获取网站的真实IP： perl Th3inspector.pl -c example.com（向右滑动，查看更多） 工具运行截图 ... 工具演示视频 演示视频：https://youtu.be/ZvsIbhRPSrI 许可证协议 本项目的开发与发布遵循MIT开源许可证协议。
使用IOS Safari + Mac OS Safari配合调试 这个方法对用MAC来办公的伙伴就比较友好了～ Apple允许开发者通过数据线连接的方式，在Mac OS的Safari里面调试iOS设备上的网页...但是这种方法在使用前，需要简单设置以下内容： 在iOS设备上，打开Safari的Web检查器，选择设置 -> Safari -> 高级 -> Web检查器命令。...当需要调试手机页面的时候，将设备与计算机通过数据线连接后，在Safari菜单开发栏下选择当前手机运行的页面即可。...Weinre来源于Web Inspector Remote，是一个远程页面调试工具，功能和Firebug、WebKit Inspector类似，可以帮助我们在PC端远程调试运行在移动设备浏览器内的Web...当看到优点是不是很激动，在真机上可以调试iOS和Android设备的网页耶✌️ 使用vConsole调试 由腾讯出品的vConsole调试工具，在调试移动端的时候非常有效，而且其使用方法也是简单。
各式各样的设备形态一直是 Android 生态圈的一大特点，尤其随着折叠屏的出现，同一台设备可以切换不同的形态，这更是为移动办公的创新带来了全新的可能性。...展开后更大的屏幕也让文档的操作更加便利，以往的竖屏手机只能同时打开两个窗口，现在在展开状态下可以同时打开四个窗口，往不同的文档里插入图片只需要简单的拖拽即可完成。...△ WPS 针对半折叠状态对幻灯片播放模式进行了适配 9 月 4 日到 16 日，三星 Galaxy Z Fold 2 上使用 WPS 阅读文档的人均阅读时长相比使用普通机型的人均阅读时长提升了 15%...比如用 ConstraintLayout 来快速实现响应式布局，从而对可折叠设备的各种屏幕尺寸进行灵活的适配，以及用 Layout Inspector 快速分析不同布局下的兼容问题。...△ 活用 Jetpack 以及 Android Studio 等强大工具提升开发效率 Google 强大的 Android Studio 工具帮助我们提升了开发效率……让我们的产品能够得到快速的构建和验证
△ 使用栏式网格将屏幕划分为三个主要区域 在本例中，三个主要区域通过重排来保持相同的信息层次结构，但以更加人性化的方式在小屏幕上显示。...例如，在大屏设备上，您可使用 Navigation rail (左侧边栏导航条) 代替 底部导航 (Bottom navigation)，两者功能相同，视觉表现方式也类似，但 Navigation rail...△ 在大屏上使用简单对话框 (右) 代替全屏对话框 (左) 尺寸类别 请记住，替换组件时，首先要满足用户的功能性和人性化需求。找到调整界面的正确阈值，这是实现响应式界面的重要步骤。...△ 响应式界面可根据屏幕尺寸变化而调整内容布局 设想一下，当您调整浏览器窗口大小时，如果浏览器回退了一个页面，或者重定向到另一个页面，又或者修改了历史记录，这种体验非常奇怪。...新的 Layout Validation 工具可以在覆盖了各种尺寸类别的参考设备上预览布局，并提示问题区域 (例如文本使用了长行)，以及为不同断点推荐不同界面组件。
△ 项目模板中的 Material Design 组件更新 更新包括: MDC: 项目使用 build.gradle 中的 com.google.android.material:material。...此功能有助于节省屏幕空间，您可以使用热键在模拟器和编辑器窗口之间快速导航，并在一个应用窗口中组织您的 IDE 和模拟器工作流。...与视图绑定类似，Android Studio 会生成易于使用的类，帮助您精简运行模型所需的代码并提升类型安全性。...在 Android 模拟器 30.0.26 及更高版本中，您可以使用多种折叠设计和配置对可折叠设备进行设置。设置完毕后，模拟器将提供铰链角度传感器和姿态变化信息，方便您测试应用在这些机型上的响应情况。...，运行 profiler.exe 或 profiler.sh 独立分析器可连接到 Android Emulator 或其他已连接的设备上。
展示/曝光/浏览型归因：用户看到广告但并没有点击广告，由此带来的安装就可以归因到展示该广告的渠道。由此，归因窗口较短，仅为 24 小时。...具体实现方法是：1）通过比较接触过这些接触点的类似用户的转化概率与当路径中没有出现某个接触点时的概率；2）并且系统会比较接触点的所有不同排列方式，为不同的路径位置分配不同的功劳。...2）价值点： 归因模型：点击归因 + 曝光归因 归因窗口：1天点击+1天曝光；1天点击；7天点击；7天点击+1天曝光。针对不同的广告类型有不同的归因窗口。...SAN 与 MMP 的数据差异 归因窗口不同：ASA 默认 30 天，其他 SAN（FB/Google）和 MMP 可调整， 归因数据来源/模型不同：MMP 记录所有看过、点过广告产生安装的数据，SAN...附录：适用于回流用户的再归因 再归因是指对一段时间未使用/卸载过应用，但经再营销推广活动而返回之用户的重新安装或打开事件，所进行的归因。
上线一段时间后，偶尔会出现一些交互上的偶现问题不太好排查原因或者定位，最近遇到过一个偶现的问题，用户在使用过程中进入H5页面的时候白屏了，一次偶然的机会，看到了开发使用谷歌浏览器再调试真机，觉得这个功能挺实用的...，因此把它记录下来，分享给大家一起学习。...2 远程调试android设备 有几个准备事项要先检查一下： 1、将手机与电脑用数据线连接，确保电脑上安装了手机的驱动，手机打开调试模式 2、确保电脑上可以访问谷歌的相关网站，否则无法捕捉到手机上的页面...到此，安卓设备的远程调试就可以使用了，具体用来干什么，就看个人需要。 ? 3 远程调试ios设备 ios设备的连接比安卓的要稍微复杂一点，需要额外安装2个工具。...4、在powershell窗口中输入如下命令： ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html ?
UI界面存在的问题，当时感到惊叹不已，但是使用它，还需要进行下载，两个多G，如果说仅仅为了UI布局分析，确实有点大材小用，其实，同样的功能，DevEco Studio已经为我们提供了，本文就带着大家一起了解一下...功能入口入口在DevEco Studio中的底部一行菜单中，如下图所示：快速使用点击底部的ArkUI Inspector选项之后，可以在设备应用列表中，选择当前显示在设备前端的UI进程，需要注意的是，你的手机或者模拟器必须在线状态下...UI界面快照如果你的设备未在线状态下，也就是没有模拟器或者真机，ArkUI Inspector也支持导出及导入应用UI界面快照，脱离设备查看应用UI界面显示效果。...相关总结目前ArkUI Inspector有一定局限性，首先仅支持运行在前台的应用，也就说，如果你的应用未启动，未在前台，那么进程是无法选择的，也就不能查看UI视图，以上的条件也就意味着，仅支持全屏应用或者焦点在前台的窗口...总之来说，对于我们分析UI界面存在的问题，边距啊，层级结构啊等等，ArkUI Inspector还是有着非常大的方便的。本文标签：鸿蒙开发工具/DevEco Studio
云服务器
ICP备案
云直播
即时通信 IM
实时音视频
