Javascript：如何在Github中创建浏览器小书签来编辑文件？

Question

我有一个JavaScript书签，可帮助我进行GitHub提交：

 document.getElementById('submit-file').click();. 

我想知道如何制作类似的书签来编辑GitHub文件？

我是javascript的新手，并且仍处于学习阶段，所以这花了我几天的时间来弄清楚该怎么做

根据评论更新

FWIW，实际上，我正在尝试修改Alfred工作流程（MacOS应用程序以自动执行任务），并且该应用程序允许我们单击github页面中的“提交”按钮，并且我正在尝试对其进行修改，以便现在我可以在github中编辑当前文档。

应用概述：

第一部分：

document.getElementById('submit-file').click();

第二部分：

const bookmarklet_code="{query}"
const frontmost_app_name = Application('System Events').applicationProcesses.where({ frontmost: true }).name()[0]
const frontmost_app = Application(frontmost_app_name)

if (['Google Chrome','Google Chrome Canary','Chromium'].indexOf(frontmost_app_name) > -1) {
  frontmost_app.windows[0].activeTab.url = 'javascript:' + bookmarklet_code
} else if (['Safari', 'Safari Technology Preview', 'Webkit'].indexOf(frontmost_app_name) > -1) {
  frontmost_app.doJavaScript(bookmarklet_code, { in: frontmost_app.documents[0] })
} else {
  throw new Error('You need a supported browser as your frontmost app')
}

Answer 1

尝试此书签：

javascript:document.querySelector('[aria-label="Edit this file"]').click();

它基于Aria-Label找到编辑按钮，然后单击它。