使用小书签单击Gmail的“显示原始”按钮

当我在Gmail中打开电子邮件时，我正在尝试以编程方式单击“显示原始”下拉菜单项。 所有元素的ID随每个电子邮件动态变化，因此这不是找到我想要点击的菜单项的可靠方法。 首先，我只是想在Chrome的控制台中创建一个点击它的JavaScript。 加载jQuery后，我试过这个：

jQuery('div[role=menuitem]:contains(Show original)').click(); 

虽然它似乎选择了正确的div并单击它，但它不是预期的行为，并且点击实际上没有做任何事情。 这是一个满载的电子邮件菜单，其中包含我想用JavaScript点击的菜单项：

 
Show original 

我的目的是使用书签，但由于安全警告，我在书签中加载jQuery时遇到问题，但这是另一个问题。 此外，我应该在点击“显示原始”按钮之前尝试打开下拉列表，还是我可以在不先打开菜单的情况下单击此按钮？

Answer 1

您必须至少打开一次菜单，以便Gmail加载所需的菜单元素。

要单击元素，请直接在DOM元素（不是jQuery集合）上使用dispatchEvent() ）

基本示例可能如下所示：

 // Create events var mouseDownEvent = new MouseEvent('mousedown', { 'bubbles': true }); var mouseUpEvent = new MouseEvent('mouseup', { 'bubbles': true }); // Get DOM elements var menu = jQuery("div[role='button'][aria-label='More']").get(0); var button = jQuery("div[role='menuitem']:contains('Show original')").get(0); // Open and close menu, to ensure button existence menu.dispatchEvent(mouseDownEvent); menu.dispatchEvent(mouseDownEvent); // Click menu item button.dispatchEvent(mouseDownEvent); button.dispatchEvent(mouseUpEvent); 

这只适用于Chrome，Firefox和Opera。