从 HREF 点击启动的 Chrome 扩展？答案

【问题标题】：Chrome Extension That Launches From An HREF click?从 HREF 点击启动的 Chrome 扩展？
【发布时间】：2014-02-24 11:06:54
【问题描述】：

我们正在为我们的企业环境构建一个 chrome 扩展程序。当用户浏览网页时，如果他们点击一个链接，扩展程序应该查看该链接并提示用户一个警告，如果该链接是针对与我们有业务关系的网站的，并警告他们（在少数情况下）极少数情况下会阻止他们访问链接）。

我们创建了一个在工具栏上显示为按钮的扩展程序，当用户单击它时会出现一个弹出窗口。所以这很好。现在我们想要摆脱按钮，并在用户单击他们正在查看的任何网页上的链接时调用它。然后扩展程序将读取链接并决定是否应该提示用户。这是怎么做的呢？我们怎样才能让扩展覆盖所有的 href 点击？

（请注意，我们目前不关心他们何时手动输入网址或单击 Outlook 中的链接，原因超出了问题的范围）

谢谢

【问题讨论】：

标签： javascript html google-chrome google-chrome-extension

【解决方案1】：

这很简单。将内容脚本注入到执行以下操作的每个网页中：

var anchors = document.querySelectorAll('a')
for (var i=0; i<anchors.length; i++) {
    anchors[i].addEventListener('click',function(event) {
        if ( /* check here if a partner link */ ) {
            // issue some warning to user
            event.preventDefault()
            event.stopPropagation()
        }
    })
}

【讨论】：