开发Chrome扩展：如何调用Google Calendar原生简易新建事件弹窗

首先你的Chrome扩展需要先获取对https://calendar.google.com/*页面的访问权限（在manifest.json中配置host permissions），以下是两种可行方案：

方案1：模拟页面原生点击（直接唤起简易弹窗） #

Google Calendar的简易新建弹窗是通过点击日历上的日期格子触发的，你可以用JavaScript在Calendar页面内模拟这个交互，同时指定目标日期：

1. 定位带有目标日期属性的元素：Calendar页面中每个日期格子都带有data-date="YYYY-MM-DD"属性，以此为选择器定位元素
2. 触发元素的点击事件，即可唤起对应日期的简易新建弹窗

示例代码：

// 替换为你需要设置的目标日期，格式为YYYY-MM-DD
const targetDate = "2023-03-29";
// 定位对应日期的页面元素
const dateElement = document.querySelector(`[data-date="${targetDate}"]`);
if (dateElement) {
  // 模拟原生点击行为
  dateElement.click();
}

注意：该方法依赖Google Calendar的页面DOM结构，若官方更新页面布局，选择器可能需要同步调整。

方案2：Calendar API创建事件（稳定备选） #

如果需要更稳定的实现方式，可通过Google Calendar API直接创建事件，但无法直接唤起简易弹窗：

• 调用events.insert接口，传入日期、标题等事件参数完成创建
• 创建完成后引导用户回到Calendar页面查看事件

补充说明 #

你当前使用的eventedit链接唤起的是完整编辑页面，而简易弹窗属于Calendar页面内部的私有组件，没有公开的直接唤起URL，因此模拟页面交互是目前最贴近需求的实现方式。

内容的提问来源于stack exchange，提问作者Mick