gpt4 book ai didi

azure-devops - 如何轻松快速地调试 Azure Devops 仪表板小部件?

转载 作者:行者123 更新时间:2023-12-04 12:24:15 25 4
gpt4 key购买 nike

我正在为 Azure Devops 仪表板编写仪表板小部件,我发现修改-发布-刷新仪表板-在 Chrome 工具-刷新页面中设置断点的循环再次变得相当乏味。

有没有办法直接在 Visual Studio 或 VS Code 中测试或调试仪表板小部件?

我正在使用 Add a dashboard widget作为我的小部件的起始模板 - 不过很高兴改变!

最佳答案

您可以在本地开发。由于 Azure DevOps 使用 iframe 来显示扩展的内容,因此您可以运行本地服务器并在 vss-extension.json 中引用它。显现。

默认情况下,当您启动开发人员工具时,开发人员控制台位于主页或顶部窗口的上下文中。换句话说,您可以访问顶部窗口的 DOM 和状态。使用“目标”下拉菜单(如上所示)将上下文切换到扩展程序的框架。您现在可以访问扩展程序框架的 DOM 和全局状态。

enter image description here

此外,您还可以使用官方扩展 Azure DevOps Extension Hot Reload and Debug .

This repository demonstrates how to load an Azure DevOps extension's code directly from the dev machine rather than bundle all the code and deploy it through the marketplace. We will leverage the (somewhat hidden) capability in Azure DevOps to load content from localhost, which will enable us to use hot reload and debug in VS Code.



更多详细信息和方式,请引用以下链接:
  • Debug a web extension
  • How to debug VSTS extension build summary tab without deploying to VSTS service?
  • How to debug and develop Azure DevOps extension without deployment?
  • 关于azure-devops - 如何轻松快速地调试 Azure Devops 仪表板小部件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62273261/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com