如何在 gmail 收件箱中为使用 inboxsdk 创建的按钮添加操作？答案

【问题标题】：How to add action to the button created using inboxsdk in gmail inbox?如何在 gmail 收件箱中为使用 inboxsdk 创建的按钮添加操作？
【发布时间】：2019-06-05 00:20:18
【问题描述】：

我已使用 inboxsdk 在 gmail 收件箱中创建了该按钮。现在我想通过单击该按钮弹出一个窗口

2.Pop up 应该包含一个导航到我的网站页面的链接（xyz.com/login.php）

我如何使用 inboxsdk 完成这些操作

截图：

【问题讨论】：

标签： popup gmail action inboxsdk

【解决方案1】：

如果你还在为此苦苦挣扎，我会建议一个简单的解决方案，即触发 JavaScript 确认对话框 see here。确认后，您可以使用 window.location.href = '<your-url>'; 重定向用户。

另一个解决方案是使用 InboxSDK 的widgets。示例：

InboxSDK.load(2, '<InboxSDK-app-id>').then((sdk) => {
  ...
  const el = document.createElement('div');
  el.innerHTML = '<a href="<your-url>" target="_blank">Link description</a>';

  sdk.Widget.showModalView({
    title: 'Modal Title',
    el
  });
});

欲了解更多ModalOptions，请查看here。

注意：我将<a>标签的target属性设置为"_blank"。这可以确保 URL 在另一个浏览器选项卡中打开。

第三种更直接（可选）的解决方案是添加一个onClick 事件侦听器，您可以在其中附加一个将用户重定向到您的网址的函数，请参阅代码示例here。

第四个更好的解决方案是将DropdownView 添加到按钮的onClick 函数中，请参见示例代码here。

【讨论】：