时间戳

首页 > 解决方案 > 如何在控制台中编写脚本以制作 chrome 扩展

javascript - 如何在控制台中编写脚本以制作 chrome 扩展

问题描述

我有一个使用 chrome 控制台运行的 js 代码，但现在我想制作一个扩展来使用此代码，我制作了一个带有 2 个按钮的简单 html 表单，我希望当我单击按钮时，js 代码将就像我在 chrome 控制台中一样运行。

我使用此代码调用了按钮

$(function(){
    $('#rjct').click(function(){
        var buttons = document.getElementsByClassName('_42ft _4jy0 _4jy3 _517h _51sy');

        for(var i = 0; i <= buttons.length; i++)  
               buttons[i].click();
    })
});

其中 rjct 是按钮的 id 名称。

这是扩展程序的 图像 在此处输入图像描述

我像这样编辑了 manifest.json 在此处输入图像描述

标签： javascriptjsonhtmlgoogle-chrome-extension

解决方案

您应该从入门教程开始

简而言之，您需要做的是将manifest.json文件设置为让 content_scripts 指向您的文件，并标记您希望扩展程序在哪些网站上运行。例如，如果您希望您的扩展在 stackoverflow.com 上运行，您可以执行以下操作：

 "content_scripts": [
    {
      "matches": [
        "*://stackoverflow.com/*",
        "*://*.stackoverflow.com/*"
      ],
      "js": ["my_bundle.js"],
      "run_at": "document_idle"
    }
],

然后你会把你的代码放在my_bundle.js.

祝你好运！

推荐阅读