构建一个镀铬扩展以简化您的工作流程

>本文详细介绍了建立一个镀铬扩展，以增强WordPress功能，特别是精简编辑工作流程。 作者在SitePoint的经验最初与杂乱无章的提交过程斗争，导致了解决方案的开发：自定义Chrome扩展。 本教程展示了这一过程，突出了关键概念并展示了一个实用的例子。

钥匙要点：

> Chrome扩展开发比预期的要简单，主要涉及清单文件和内容脚本。
• >
扩展可以显着提高WordPress功能，添加Markdown转换或自定义日期选择器之类的功能。
>可靠的测试，使用诸如自动端到端测试之类的工具，可确保更新的功能一致。
• >
扩展利用上下文菜单和在背景脚本和内容脚本之间传递的消息进行增强的用户交互。
> SITEPONT的SP-TOOLS扩展名，作为案例研究进行了讨论，结合了标题资本，标题分析和链接管理等功能。

> chrome扩展体系结构： 任何Chrome扩展名的基础是清单文件（JSON格式），提供有关扩展名的关键信息（版本，资源，权限）。 内容脚本，在网页中运行，添加功能。 作者通过创建一个简单的扩展名来说明这一点，该扩展名在站点点上显示问候。 该过程涉及创建清单。

>背景脚本和消息传递：

> 为了改善用户体验，教程介绍了背景脚本，这些脚本响应浏览器事件（例如上下文菜单点击）和访问Chrome API，但不是当前页面。 消息传递有助于与内容脚本进行通信。 通过上下文菜单增强了示例，演示了背景和内容脚本之间传递的消息。

增强WordPress功能：

然后，教程专注于扩展WordPress功能。 使用Showdown.js和jQuery添加了Markdown转换器。 这涉及在编辑器工具栏中创建一个按钮，以将标记转换为HTML。 将日期选择器集成到WordPress发布窗口小部件中，替换默认日期/时间选择器。

>

测试扩展名：

强调测试的重要性，特别是在WordPress更新的背景下，可能会破坏扩展。 NightWatch.js和Chromedriver用于自动端到端测试。 提供了样品测试套件，演示了如何测试降价转换功能。>

> sitepoint的sp-tools扩展名：

作者重点介绍了Sitepoint的SP-Tools扩展名的功能，包括标题资本化，标题分析，链接管理和用于各种编辑检查的“ Molly-Guard”。

结论：

本教程提供了构建和测试WordPress增强铬扩展的综合指南。 作者在SP型工具方面的经验强调了实用的好处和强大测试的重要性。 提供的代码示例和解释使该过程甚至可以访问经验有限的开发人员。

常见问题（常见问题解答）：

>

>本文以全面的常见问题解答部分结束，涵盖了Chrome扩展开发的各个方面，包括先决条件，使用React，React，上下文菜单，组成式通信，发布，更新，更新，调试，权限，外部图书馆，网站特定功能以及特定的功能和特定的功能以及特定的功能和更多。

以上是构建一个镀铬扩展以简化您的工作流程的详细内容。更多信息请关注PHP中文网其他相关文章！