背景

这个博客的导火索有点有趣。昨天我看到这条来自Simen Huuse的推文，其中提到了即将在硅谷推出的SAP Inside Track。一问是否会直播，我就知道是的。接下来我要做的就是检查日程表上的日程和排定时间。在我的google日历中找不到任何直接的选项来创建事件，比如主题和默认博客链接（虽然我可以手动复制粘贴细节，但是为什么，南昌大数据，应该在点击鼠标时完成）。在chrome扩展中也搜索到了，但是找不到任何关于编码的想法。

我们打算做什么？

所以我们计划做一个chrome扩展，它将帮助我们为网页创建快速预约。总体解决方案如下：

右键单击要创建约会的页面，在上下文菜单中选择"添加到日历"该任命的标题将默认从网页标题和正文应包含链接添加您的日期和时间按保存您完成。

铬扩展的基本结构

我不知道任何关于铬扩展如何工作，但一个快速的谷歌将得到您的启动和运行不超过30分钟。好事情是你必须处理的是HTML，Javascript和CSS，所以至少我们利用我们现有的技能，使一些东西。检查这两个链接link1和link2以启动并运行。

扩展的基本结构包含清单.json描述扩展的总体结构的文件以及HTML、Javascript和CSS文件。有关中提供的不同选项的详细信息，请查看此链接清单.json. 因此，首先我们将做一个简单的Hello World扩展，一旦用户点击显示的按钮，我们将显示Hello World消息。

现在我们了解了chrome扩展的基础知识，下一步是创建我们的约会扩展。

使我们有点棘手的扩展

我们的第一个挑战是阅读加载的页面标题和url。我们都知道它在DOM中是可用的，但在我们之前的javascript文件中是不可访问的，因为该文件包含加载的基本扩展页的DOM内容。这就是Chrome提供内容脚本概念的地方清单.json文件以访问活动选项卡的DOM。因此，我们在中为扩展添加了content\u脚本清单.json由于我们不需要任何html页面，物联网产品，所以我们只需要一个javascript来运行，它将在一个新的选项卡中调用googlecalendarapi。所以呢清单.json为我们提供背景字段来指定背景.js文件

在背景.js我们可以访问chrome对象的文件，通过它我们可以在上下文菜单中添加"添加到日历"选项。它有一个选项，大数据技术学什么，告诉什么时候这个选项应该在上下文菜单中可见，我们总是选择上下文字段。

点击按钮，我们正在调用一个函数，在一个新的选项卡中打开谷歌日历。我们现在遇到的问题是如何读取活动tab的DOM数据，因为在当前方法中，什么是淘客，我们可以访问扩展的DOM而不是父页DOM。所以我们需要和我们的内容脚本对话，通过它我们可以访问它。Chrome为我们提供了一个非常简单的使用解决方案chrome.tabs.sendRequest请求它可以调用内容脚本，可以返回我们的标题和网址。在内容脚本中，物联网专用卡，我们已经有了监听器。

背景.JS脚本

内容脚本

最终输出

所以现在我们有了一个工作扩展，我们可以使用它为任何页面创建约会。这也已经上传到chrome网上商店，请随意试用

下一步是什么

既然现在我们已经有了基本的插件，下一步就是用更多的功能来增强它，例如它应该能够从文本中预测日期等感觉免费提供您的反馈开放给所有年。

完整的源代码是可用的以适应你的需要。