通过


调试模型驱动应用的 JavaScript 代码

模型驱动应用使用 JavaScript Web 资源来包含自定义逻辑。 这些 Web 资源提供了定义函数的库,开发人员可将这些函数注册为事件处理程序。

在 Web 浏览器中查看模型驱动应用时,可以使用所有新式浏览器提供的开发人员工具。 通过使用这些工具,可以找到在模型驱动应用程序中加载的 JavaScript 库、设置断点,以及使用常用方法调试代码。

使用 Android 上的移动应用或 Windows 桌面应用查看的模型驱动应用需要执行更多步骤。 请参阅:

注释

由于库被添加到页面的方式,你可能不容易找到表示 JavaScript Web 资源的库。 这些库可能不会显示在文件列表或源文件的层次结构中。

如果知道要调试的 JavaScript Web 资源的名称(对于 Microsoft Edge 或 Google Chrome 源),请使用 Ctrl+P“打开文件 ”命令按名称查找文件并开始调试。 如果你有导致错误的事件处理程序,但不知道文件的名称,请参阅 识别 JavaScript Web 资源导致错误

详细信息:

识别导致错误的 JavaScript Web 资源

当事件处理程序在模型驱动应用中导致脚本错误时,将显示以下对话框:

脚本错误对话框的屏幕截图,其中显示了模型驱动应用中的 JavaScript 调试信息。

如果选择“ 显示详细信息 ”链接,可以找到包括:事件名称、函数名称、Web 资源名称、解决方案名称和发布者名称。

Xrm.Navigation.openalertDialog is not a function
Session Id: 53febd7c-3388-4ea5-a195-d84cf5883c30
Correlation Id: aaaa0000-bb11-2222-33cc-444444dddddd
Event Name: onsave
Function Name: Example.formOnSave
Web Resource Name: example_example-form-script
Solution Name: Active
Publisher Name: DefaultPublisherYourOrg
Time: Tue Jan 31 2023 13:36:34 GMT-0800 (Pacific Standard Time)

在这种情况下,函数的名称不正确, openalertDialog 应为 openAlertDialog

注释

可以使用 Monitor 获取有关错误的相同详细信息。 有关详细信息,请参阅 自定义脚本错误

在 Android 上的移动应用中调试 JavaScript

在移动方案中使用 JavaScript Web 资源时,可以使用 Android 设备调试特定于移动的代码,并确保其按预期工作。

若要在 Android 上的移动应用中调试 JavaScript,请完成以下三个步骤:

1.配置设备

注释

确保已启用 发现 USB 设备

2.配置移动应用程序

  1. 在移动应用中,转到 Power Apps 列表并选择菜单按钮。
  2. 请确保将“启用模型驱动应用远程调试”开关设置为开。
  3. 启用此选项时会显示一个确认对话框。 选择“确认”。

3. 从你的开发计算机上进行调试

  1. 将计算机插入 Android 设备。

  2. 从 Power Apps 或 Field Service Mobile 应用程序打开任何模型驱动应用。

  3. 在浏览器的 edge://inspect/#devices 页面中,在远程目标部分查找您的组织 URL。

    Microsoft Edge DevTools 设备屏幕的屏幕截图,其中显示了 Android 设备的远程调试选项。

  4. 选择 “检查”

有关详细信息,请参阅 Microsoft Edge:远程调试 Android 设备

在 iOS 上的移动应用中调试 JavaScript

在 Mac 上使用 Safari 调试 iOS 上的 JavaScript Web 资源。

若要在 iOS 上的移动应用中调试 JavaScript,请完成以下两个步骤:

1.配置移动应用程序

  1. 在移动应用中,转到 Power Apps 列表并选择菜单按钮。
  2. 请确保将“启用模型驱动应用远程调试”开关设置为开。

2. 从你的 Mac 进行调试

  1. 将 iPhone 或 iPad 连接到 Mac。
  2. 在 Mac 上启动 Safari。
  3. “开发 ”菜单中,找到连接的 iPhone 或 iPad,然后查找 Power AppsField Service

有关详细信息,请参阅 检查 iOS 和 iPadOS |Apple 开发人员文档

在 Windows 桌面应用中调试 JavaScript

若要在 Windows 上调试 JavaScript,请先安装必备应用程序。

1.配置 Windows 设备

  1. 启用开发人员模式。

    1. 为开发人员打开 >>
    2. 启用 开发人员模式
  2. 启用设备门户。

    1. 为开发人员打开 >>
    2. 启用 设备门户
    3. 出现提示时,选择 “是 ”以安装 Windows 开发人员模式包。
    4. 启用设备门户后,请记录用于通过 localhost 进行连接的 URL。 在大多数设备上,它是 https://localhost:50080
    5. 若要在本地调试 Power Apps 或 Field Service Mobile,可以继续使用 “限制”来仅启用环回连接 并禁用 身份验证 (否则需要设置用户密码)。

    下面是建议的开发人员设置的屏幕截图摘要:

    启用了“设备门户”和“开发人员模式”选项的“面向开发人员”页面的“Windows 设置隐私和安全性”页的屏幕截图。

2.配置 Windows 应用程序

配置 Power Apps 或 Field Service Windows 桌面应用进行远程调试。

使用 “运行”命令 (快捷方式为 Windows + R)并使用以下深层链接启动具有特殊参数的 Windows 应用。

  • Power Apps: ms-apps://?addWebView2AdditionalBrowserArgument=--enable-features=msEdgeDevToolsWdpRemoteDebugging
  • 移动现场服务:ms-apps-fs://?addWebView2AdditionalBrowserArgument=--enable-features=msEdgeDevToolsWdpRemoteDebugging

3.从 Windows 调试

  1. 启动适用于 Windows 的 Power Apps 或 Field Service。

  2. 打开 Microsoft Edge 浏览器并转到 edge://inspect

  3. 使用连接到远程 Windows 设备部分并连接到 http://localhost:50080。 连接需要几秒钟时间,但会看到组织 URL。

    Microsoft Edge DevTools 检查页面的屏幕截图,其中显示了远程 Windows 设备连接选项。

  4. 选择 “检查 ”并打开 DevTools。

JavaScript Web 资源
使用监视器调试模型驱动应用
排查 Power Apps 移动应用中的问题