如何从Chrome DevTools中的“选择”中获取选项？

问题描述

我需要使用不在我权限范围内的网站上的Chrome DevTools，以非HTML /人类可读的方式快速地告诉某人表单上的选择选项。 这恰好是对询问支持部门的回应。有人告诉我选择一个不存在的选项...

解决方法

...这是我想分享的一个方便的内衬，因为，我对JS很好，但是在昨天阅读一些XLSJS库的API使用示例之前，从未听说过console.table，并且拉德！之所以需要Array.from是因为x.options是一个 HTMLOptionsCollection （我没有代表来创建该标签）。

显示“ support ”，您甚至没有以下选项：

document.querySelectorAll('select').forEach(x => console.table(Array.from(x.options)));