在edge/chrome中使用cph-submit实现Codeforces刷题一键提交代码

将Firefox插件导入Edge/Chrome中

前言

UPD6.15：如果点击提交后，很久都没反应，直接在“管理拓展”那边点击一下“重新加载”就可以了
因为博主本人想在edge/chrome中使用cph-submit插件

• vscode中cph，实现一键将代码提交到Codeforces中
• 但是只有firefox的插件
• 另外两个比较麻烦，nodejs还有版本问题。

写这篇文章有三个原因：

1. 网上暂且没找到firefox插件导入edge/chrome的方法

2. 博主个人感觉这个debug过程比较有意义

3. 也希望能帮助到其他人。

省流：最终可用的版本如下，直接下载解压，开发人员模式导入edge插件即可：

• https://wwf.lanzout.com/iJ3Gl21r9vja
• 导入的流程可以见本文章节**“插件导入edge/chorme中”**
• 可能还有点小bug，暂且没修好，但是能用（确信

导出火狐插件.xpi格式

在火狐浏览器中打开这个about:profiles，就可以看到了

• 这就是你当前浏览器用户的存储文件夹

然后点击打开文件夹

点击extensions，进去就可以看到你安装的插件的.xpi格式，这边我只安装了一个（名为cph-submit）。

但是其实你可以通过修改时间来判断哪个是哪个（大不了卸掉再装一下，最新的那个）

• 一般也就一两个

然后把这个文件复制出来，找个空的目录放一下，我将它重命名为cph-submit.xpi

右键解压到文件夹（我用的360解压软件）

• 这一步如果没法完成，你可以修改后缀名为.zip
• 然后再解压，效果一样
  

因为解压完的文件夹不一定直接用

• 有些 Firefox 扩展可能需要进行一些代码修改才能在 Edge/Chrome 上运行，
• 需要修改 manifest.json 文件以符合 Edge/Chrome 的格式。

插件导入edge/chorme中

随后在edge/chrome浏览器中，打开开发人员模式

• 进入edge://extensions/
• 

然后就会出现这些按钮

如果修改好了最终的插件版本，就可以点击从“加载解压缩的扩展”

• 也就是我刚刚发的
• https://wwf.lanzout.com/iJ3Gl21r9vja
• 这个解压缩后，导入进去

随后应该就可以用了，可以跳转到“完工阶段”查看效果

下面是错误示范，以及修改过程

错误示范1

不能用.crx格式导入

• 不要将刚解压的文件夹的路径打包成为.crx格式，
• 大概率会G掉

如下所示

选择解压后的路径

随后就可以看到

不过.crx才是我们要用的，.pem不需要

将.crx直接拖进浏览器中，点击添加拓展

启动按键是灰色的，这是错误示范，所以不能这样

直接用解压好的就没下面这个问题

错误示范2

如果你修改的，有问题

• 第一种情况，初始化的时候就有问题，那么一导入就是挂的

• 第二种情况，运行到一半，用到才有问题

会先正常显示，然后在挂掉（错误/重新加载两个一开始不显示）

此时你其实可以点进去错误，查看哪里错了，然后修改

当然，一般修改工作量也挺大的

可以交给GPT来改

这些错误是可以展开的，直到报错后针对性修改

（无关紧要的）提醒：

要是你不知道firefox和edge他们的manifest.json的差别，其实你可以本地找一下edge拓展的源文件，然后对比下

当然，我都喂给了GPT，让他帮忙修改

C:\Users\<你的电脑用户名>\AppData\Local\Microsoft\Edge\User Data\Default\Extensions

有问题的话，得删除插件

然后再从文件夹导入这个插件

修改过程

manifest.json

点进文件夹，查看manifest.json如下

{
   
   
  "name": "CPH Submit",
  "manifest_version": 2,
  "homepage_url": "https://github.com/agrawal-d/cph-submit",
  "version": "1.6.0",
  "description": "Codeforces Submit add-on for Competitive Programming Helper.",
  "background": {
   
   
    "scripts": ["dist/backgroundScript.js"]
  },
  "permissions": ["*://localhost/*", "*://codeforces.com/*", "webNavigation"],
  "icons": {
   
   
    "48": "icon-48.png"
  },
  "browser_specific_settings": {
   
   
    "gecko": {
   
   
      "id": "{5dd8fd6e-0733-41a7-abc4-e19fba703de9}",
      "strict_min_version": "49.0"
    }
  }
}

我将其修改为:

• manifest_version:
  • 从 2 改为 3。
• background:
  • 从 scripts 改为 service_worker，并增加 "type": "module"。
• action:
  • 添加 action 部分，用于定义插件的图标和默认标题。
• host_permissions:
  • 添加 host_permissions 和 optional_host_permissions 来管理插件的权限。
• 删除key字段:
  • 不再包含key字段，因为这是开发中的插件，不是发布到商店的版本。
• permissions:
  • 保留 activeTab、webNavigation 和 scripting 权限。
• host_permissions:
  • 使用 host_permissions 来指定对 localhost 和 codeforces.com 的访问权限。
• 删除 optional_host_permissions:
  • 移除 optional_host_permissions 字段，因为它包含的权限已经在 host_permissions 中。

{
   
   
  "name": "CPH Submit",