google-chrome-extension - Google Chrome 扩展、属性收集器和 URL 重构

Question

Chrome 编程新手，但或多或​​少熟悉 Javascript。

目标：

一个 Chrome 插件可以让我：

1) 右键单击​​链接

2）然后向该链接添加更多字符

3) 然后使用新构建的 URL 重新加载页面。

前任：

A. 对象有一个链接：www.address.com/34922

B. 用户右键单击该对象（Chrome 的菜单出现[我知道如何修改]），菜单选项出现“reconstruct rul”。

C. 附加组件将“/subfolderA”添加到上述 url。

D. 使用以下 URL 重新加载页面：www.address.com/34922/subfolderA

谢谢，史蒂夫

Answer 1

使用chrome.contextMenusAPI，更具体地说是create方法。

// Add this to the background page
chrome.contextMenus.create({
    title: 'Open this link plus /subfolderA',
    contexts: ['link'],
    onclick: function(info, tab) {
        var linkUrl = info.linkUrl;
        // Some logic, eg adding a fragment:
        linkUrl += '/subfolderA';
        // Replace URL on current tab
        chrome.tabs.update(tab.id, {url: linkUrl});
    },
    // The following array should consist of valid match patterns
    //  This context menu item will only be visible on matching links
    targetUrlPatterns: ['http://adress.com/*']
});

相关文件

使用的方法：

• chrome.contextMenusAPI
  • chrome.tabs.create(<object createProperties>)
  • onClickData类型。这只是一个普通的 JavaScript 对象。但是，Chrome会验证这个对象，并在使用未知格式（例如错误的属性）时抛出错误。
• chrome.tabsAPI
  • chrome.tabs.update(<integer tabId>, <object updateProperties>)

进一步阅读：

• 背景页面
• 清单文件
• 匹配模式