如何编辑Chrome浏览器的右键菜单

Question

我想编辑Chrome的右键菜单，并添加一个快捷方式，以便将内容发送到Whatsapp上的某个号码。我已经有一个应用程序修改了菜单，使其能够从三星手机拨打电话。我正在寻找一种方法来添加更多按钮。

我不是在寻找从我的网站或Chrome扩展程序中执行它的方法。 这里有一个类似的问题，与我的问题无关： 如何添加浏览器上下文菜单？。它不能解决我的问题，我正在寻找一种编辑整个Chrome右键菜单的方法，就像“从三星手机拨打电话”选项被填充的方式一样。

- Adi Bnaya

Answer 1

你可以创建自己的右键菜单，包括所有你想要的按钮和操作。 首先监听这个事件：

contextmenu

然后使用HTML和CSS创建你自己的菜单。如果你需要一个完整的示例，这是一个纯JS示例，由ryanmorr提供：

var menu = document.querySelector('.menu');

function showMenu(x, y){
    menu.style.left = x + 'px';
    menu.style.top = y + 'px';
    menu.classList.add('menu-show');
}

function hideMenu(){
    menu.classList.remove('menu-show');
}

function onContextMenu(e){
    e.preventDefault();
    showMenu(e.pageX, e.pageY);
    document.addEventListener('mousedown', onMouseDown, false);
}

function onMouseDown(e){
    hideMenu();
    document.removeEventListener('mousedown', onMouseDown);
}

document.addEventListener('contextmenu', onContextMenu, false);

查看完整代码请访问：https://codepen.io/ryanmorr/pen/JdOvYR

- Mamdasan

---

我正在寻找我的电脑上的某些东西，而不是网站代码中的内容。我想要与所有网站进行交互，而不仅仅是那些我可以访问其代码的网站。 - Adi Bnaya

Answer 2

在开发Chrome扩展时，您可以与上下文菜单交互并添加项目。

更多信息请参见文档。

- G. Vallereau

---

我不认为当前的“来自三星手机的呼叫”来自Chrome扩展，我正在寻找一种以相同方式添加它的方法。 - Adi Bnaya

你好，"来自..."可能是Chrome桌面版和手机上安装的Chrome移动版之间的内置功能。您可以通过Chrome扩展程序找到一种模拟该行为的方法。 - G. Vallereau