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

Question

我有一个 javascript 小书签，可以帮助我提交 GitHub 提交：

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

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

我是 javascript 的新手，仍处于学习阶段，所以我花了几天时间才弄清楚如何做到这一点

根据评论更新

FWIW，事实上，我正在尝试修改 Alfred 工作流程（MacOS 应用程序以自动执行任务）并且该应用程序允许我们单击 github 页面中的 "commit" 按钮，我正在尝试修改它以便现在我可以在 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找到编辑按钮并点击。

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

Javascript: How to create a browser bookmarklet to edit a file in Github?

javascript

browser

bookmarklet

根据评论更新