如何查询Vaadin 7应用当前使用的widgetset版本？

Chrome控制台直接查询命令 #

打开Chrome开发者工具切换到Console面板，直接执行以下命令即可拿到当前运行环境的Widgetset版本：

const vaadinClient = vaadin.clients[Object.keys(vaadin.clients)[0]];
console.log('当前使用的Widgetset版本：', vaadinClient.widgetsetVersion);

如果上述命令执行报错，可使用备用DOM查询方式：

console.log('当前使用的Widgetset版本：', document.querySelector('.v-app').dataset.widgetsetversion);

这两种方式读取的都是运行时内存/根节点上挂载的真实版本值，不会受静态资源缓存、版本注释被压缩抹除的影响，结果最准确。

其他确认已下载Widgetset版本的方式 #

• 查看静态资源注释：在Network面板筛选JS资源，找到名称带Widgetset.nocache.js的核心文件，查看文件响应内容的头部，未做压缩混淆的文件会在开头注释块标注编译时使用的Widgetset版本、对应Vaadin框架版本。
• 本地项目文件校验：如果是本地开发/部署的项目，可以查看WEB-INF/classes路径下的.widgetset配置文件，里面记录了Widgetset编译时的版本信息；Maven项目也可以直接对照pom.xml中vaadin-client-compiler依赖的版本号，常规编译场景下Widgetset版本和该依赖版本保持一致。

注意：如果项目存在多Widgetset共存、前端资源二次编译混淆的场景，优先使用控制台运行时查询的结果，避免静态文件查询出现偏差。

内容的提问来源于stack exchange，提问作者fraaanz