Google Chrome（据我所知，其他所有浏览器）分析DOM并生成一个名为Accessibility Tree（AT）的东西，其中只显示交互式和描述性元素（例如：<input>、<button>等如交互式的<span>、<label>等。作为与交互式的匹配的描述性的）。从以下实现：

const browser = await playwright.chromium.launch({ headless: false });
const context = await browser.newContext();
const page = await context.newPage();

const endpoint = "url";

await page.goto(endpoint);

await page.getByRole('textbox', { name: 'email' }).click()

我可以得出结论，AT也适用于剧作家。我需要的是提取它as it is in Chrome。
以下实现应检索树。

const browser = await playwright.chromium.launch({ headless: false });
const context = await browser.newContext();
const page = await context.newPage();

const endpoint = "url";

await page.goto(endpoint);

const snapshot = await page.accessibility.snapshot();
console.log(snapshot);

然而，返回的树并没有像它应该的那样结构化（父子信息不存在于其中），它只是用一些单词表示a list of elements。有没有什么方法可以进一步改进生成的树？