简介
chromeo 是一个方便开发者在浏览器中调试和测试 Chrome 扩展的工具。通过使用 chromeo，可以在不离开浏览器的情况下快速迭代和测试扩展应用程序。
安装
你可以通过 npm 在你的项目中安装 chromeo:
npm install -g chromeo
使用
使用 chromeo 非常简单，只需要在命令行输入以下命令即可：
chromeo path/to/your/extension
如果你的扩展需要访问一些敏感数据，例如 cookies 或者浏览历史记录等，那么请在启动 chromeo 的时候添加 --enable-experimental-web-platform-features 参数以开启这些功能。
chromeo path/to/your/extension --enable-experimental-web-platform-features
示例代码
以下是一个简单的示例，它演示了如何使用 chromeo 快速调试和测试您的 Chrome 扩展。
- 首先，创建一个新的目录并初始化 npm 项目。
mkdir my-extension && cd my-extension npm init -y
- 安装并添加一个简单的 Chrome 扩展，这个扩展会将所有的页面背景色变成红色。
npm install --save-dev crx-webpack-plugin
然后在 package.json 文件中添加以下配置：
-- -------------------- ---- -------
-
------- ---------------
---------- --------
-------------- -- ------ ------ --------- -- ---- --- ---- ----------- ------
--------- ----- ---- -------------------------
------------------ -
--------------------- --------
--
---------- -
-------- -------- -------------------
-------- -------- ---- --------------------------------------------
-
-- 创建 webpack 配置文件，并将插件添加到配置中。
-- -------------------- ---- -------
-- -----------------
----- ---------------- - ------------------------------
-------------- - -
------ -----------------
------- -
--------- -----------
----- -------------------
--
-------- -
--- ------------------
-------- ----------------
------------ ---------
----------- ---------
----- --- -----------
-------- -------
--
-
--- 创建一个简单的 JavaScript 文件，它会将所有页面背景变成红色。
// src/index.js document.body.style.backgroundColor = 'red';
- 现在你可以运行
npm start命令，chromeo 将会在浏览器中打开你的扩展。
总结
使用 chromeo 可以非常方便地调试和测试 Chrome 扩展，而无需离开浏览器。在上述示例中，我们演示了如何使用 chromeo 和 crx-webpack-plugin 快速创建一个简单的 Chrome 扩展。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/52566