如何用Playwright检查并选择Google Sheets弹出菜单中的元素?
定位Google Sheets弹出菜单HTML的方法
暂停页面渲染锁定元素
打开Chrome开发者工具(快捷键F12/Ctrl+Shift+I),切换到「Sources」标签页,点击左侧的红色暂停按钮(或按F8),之后再打开Google Sheets的目标弹出菜单,页面会被冻结,这时就能正常选中菜单元素进行检查。用命令菜单强制启用元素选择
打开开发者工具后按Ctrl+Shift+P调出命令菜单,输入「Enable element picker」启用元素选择器,再去点击弹出菜单;如果时机不好抓,试试在弹出菜单出现的瞬间快速按下Ctrl+Shift+C(元素选择快捷键)。检查Shadow DOM结构
Google Sheets的不少UI元素嵌套在Shadow DOM中,你可以在开发者工具的设置(右上角三个点图标)里,找到「Show user agent shadow DOM」选项并勾选,就能查看Shadow DOM内部的元素代码了。
内容的提问来源于stack exchange,提问作者Tryston Peele
相关产品推荐
相关产品推荐

