【问题标题】:Javascript: How to create a browser bookmarklet to edit a file in Github?Javascript:如何创建浏览器书签以在 Github 中编辑文件?
【发布时间】:2019-07-06 13:39:16
【问题描述】:

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

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

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

我是 javascript 新手,仍处于学习阶段,所以我需要几天时间才能弄清楚如何做到这一点

根据 cmets 更新

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')
}

【问题讨论】:

  • 您要引用的书签是否有地址javascript:document.getElementById('submit-file').click();(不是document.getElementById('submit-file').click();.)?您能否提供一个地址到 GitHub 上您现有的书签功能正常的某个地方?

标签: javascript browser bookmarklet


【解决方案1】:

试试这个小书签:

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

它会根据Aria-Label 找到编辑按钮并单击它。

【讨论】:

    猜你喜欢
    • 2017-03-11
    • 2012-08-19
    • 2017-01-26
    • 1970-01-01
    • 1970-01-01
    • 2012-08-15
    • 2012-02-23
    • 2011-06-03
    • 1970-01-01
    相关资源
    最近更新 更多