技术

Fiddler Everywhere扩展Web调试功能到macOS和Linux与剑道UI

当Progress的Fiddler团队想要让它原来的web调试代理工具Fiddler Classic能够被任何设备和平台的用户访问时,他们选择了Angular组件库的Kendo UI作为构建新产品Fiddler Everywhere的基础。
份单页的简历

Pdf, 2.03 MB

完整案例研究

Pdf, 2.07 MB

Fiddler Everywhere扩展了Web调试功能
inverted-top-curve-lightblue2

挑战

当Progress的Fiddler团队想要让它原来的web调试代理工具Fiddler Classic能够被任何设备和平台的用户访问时,他们选择了Angular组件库的Kendo UI作为构建新产品Fiddler Everywhere的基础。

解决方案

Kendo UI Grid组件为Fiddler团队提供了强大的数据可视化和性能功能,这些功能是成功构建Fiddler Everywhere所必需的,并通过时尚的用户界面取悦用户。

结果

Kendo UI将《Fiddler Everywhere》的发布速度提高了50%,仅在第一个月就吸引了20%的用户。

产品

剑道UI
了解更多 | 试一试 |
分享这一集:

故事的细节

挑战

Progress®Telerik®于2014年收购了Fiddler Classic。鉴于其狂热的追随者,工程团队正处于一个十字路口,要找到平衡,既不贬低Fiddler Classic的核心,又提供一个具有核心功能的解决方案,可以满足当今用户群的需求。Fiddler Classic是一个成熟的产品,是一个普遍认可的名称,用于捕获和检查HTTP流量。然而,Fiddler Classic只能在Windows上工作,这使得macOS和Linux用户没有一个可靠的选择来满足他们的web调试需求。Fiddler团队希望使应用程序现代化,以便允许重新设计的web调试代理在所有平台上运行,并满足当今的用户体验期望。

Progress的首席开发者和团队负责人卡门·维利科夫(Kamen Velikov)表示:“我们对能够在Linux和macOS上运行的《Fiddler》版本非常感兴趣。“在使用Kendo UI进行重建之前,我们发行了《Fiddler Everywhere》在Mono上运行的移植版本。尽管它的功能有限,但它产生的下载流量是压倒性的。这就是为什么我们决定退后一步,在2018年从零开始打造一个全新版本的《小提琴手无处不在》。”

Velikov回忆起团队的热情,让Fiddler的独特功能能够排除故障并修改来自任何浏览器和任何设备的流量,让更多的开发者可以访问,“我们专注于改进整个用户体验,使任务变得简单直观。此外,我们还制定了新的功能,以丰富现有的Fiddler Classic库,并支持API(应用程序编程接口)调试和团队协作。”

解决方案

Fiddler团队决心构建一个真正的跨平台web应用程序,并仔细选择了他们的技术栈。在探索框架时,Fiddler团队被Angular所吸引,因为它的原生性能。通过选择在Angular中开发Fiddler Everywhere的UI,并使用Electron动态编译,他们需要准备好运行的Angular组件。Progress®Kendo UI®for Angular对于前端来说是完美的,因为它满足了所有严格的用户体验要求,包括现代UI、可访问性和性能。

Angular Grid控件的Kendo UI的第一项任务是支持新的Fiddler Everywhere应用程序的基本特性——在一台机器上捕获实时网络流量。为了在Fiddler Everywhere的UI中支持Live Traffic选项卡,网格需要提供令人印象深刻的速度结果和无与伦比的可扩展性。UI中的Live Traffic选项卡的目的是调试问题并在几秒钟内找到性能瓶颈。Fiddler团队知道,Angular Grid的Kendo UI可以在不牺牲其他需求的情况下处理这种工作量。

Velikov说:“网格中显示的流量数据有时会同时达到10万多个会话,速度和性能是重中之重。”“Angular的Kendo UI旨在快速处理大量数据,再加上内置的排序和过滤功能,它完全符合我们的需求。”

随着越来越多的功能被添加到Fiddler Everywhere的构建中,开发团队充分利用了Angular套件中Kendo UI的全部功能来快速设计UI和表示层。专业设计的主题和开箱即用的样式为Fiddler团队提供了一致的设计标准,使他们能够专注于开发而不是UI。

“我们能够快速实现Kendo UI组件,以设想的方式构建Fiddler Everywhere应用程序。不能因为缺乏控制而妥协。”“通过拥有完全本地组件的库,现代功能和主题随时可用,使Fiddler团队有时间专注于业务逻辑。”

结果

Angular的Kendo UI使Fiddler团队能够安全地构建Fiddler Everywhere,并降低了构建世界级软件的工程复杂性。Fiddler团队设法提供了一个全面的解决方案,在主要平台上提供了无与伦比的功能。这个管理良好的项目花了大约8个月的时间来制作Beta版本,不到一年半之后,《Fiddler Everywhere》的RC版本就上市了。

Velikov估计,仅Kendo UI Grid组件就将开发时间缩短了50%。Velikov说:“严格地看电网,我们预计从头开始构建电网组件将花费近8个月的时间。

Fiddler Everywhere持续交付的另一个因素是Kendo UI支持团队。Velikov说:“如果我们遇到了障碍,或者需要关于最佳实施实践的指导,Kendo UI支持团队随时都在。”他补充说:“从他们全面的文档到代码示例和访问源代码,这种水平的服务使我们能够在最佳条件下运行。”

当Fiddler Everywhere于2018年发布到市场时,该解决方案很快发现自己被定位为在Windows、macOS和Linux上高效、安全地调试网络流量的“首选”。在最初的几个月里,Fiddler团队的客户群显著增长,这些用户在帮助进一步塑造产品方面发挥了重要作用。

所属行业:开发人员工具

产品

剑道UI
了解更多 | 试一试 |

阅读类似的成功故事

CaseStudy-Resource_Image
BAYOOTEC通过Kendo UI提供集成数字转换UX,速度加快15%
阅读整个故事
地平线实验室系统
地平线实验室系统提高报告性能15倍与Telerik报告
阅读整个故事
CaseStudy-Resource_Image
动员。Net使用剑道UI现代化遗留应用程序
阅读整个故事
Baidu
map