程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了问:Chrome 扩展程序:如何在打开标签页后立即执行该功能大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决问:Chrome 扩展程序:如何在打开标签页后立即执行该功能?

开发过程中遇到问:Chrome 扩展程序:如何在打开标签页后立即执行该功能的问题如何解决?下面主要结合日常开发的经验,给出你关于问:Chrome 扩展程序:如何在打开标签页后立即执行该功能的解决方法建议,希望对你解决问:Chrome 扩展程序:如何在打开标签页后立即执行该功能有所启发或帮助;

我目前正在开发一个扩展程序,用于阻止社区网站上的特定用户。

当我进入社区网站并点击弹出窗口中的按钮时,特定用户的帖子消失了。

但我想让这个在我进入社区网站时不按按钮就消失。

popup.Js

    let blockUser = document.getElementByID("userBlock");

    blockUser.addEventListener("click",async () => {
        let [tab] = await Chrome.tabs.query({ active: true,currentwindow: true });

        Chrome.scripTing.executeScript({
            target: { tabID: tab.ID },function: setPageUserBlock,});
    });

    function setPageUserBlock() {
        Chrome.storage.sync.get("blackList",({ blackList }) => {

            var Lists = document.querySELEctorAll("a.vrow");
            var users = document.querySELEctorAll("span.user-info");
            var name;
            var m = 6;
            for (var i = 5; i < users.length; i++) {
                name = users[i].innerText;
                if (name == blackList) {
                    Lists[m].parentNode.removeChild(Lists[m]);
                }
                m += 1;
            }

        });
    }

BACkground.Js

    let blackList = 'FTB';

    Chrome.runtime.onInstalled.addListener(() => {
      Chrome.storage.sync.set({ blackList });
    });

解决方法

为此,您可以使用内容脚本:https://developer.chrome.com/docs/extensions/mv3/content_scripts/

这些允许您将代码放在一个单独的文件中,例如 content_script.js,然后在您的清单中使用

 "content_scripts": [
   {
     "matches": ["http://site-to-block-on.com/*"],"js": ["content_script.js"]
   }
 ],

只要你打开那个页面,它就会加载文件! 通读文档页面,这是一个非常好的入门资源。内容脚本有一些怪癖,但这些都有很好的文档记录。

大佬总结

以上是大佬教程为你收集整理的问:Chrome 扩展程序:如何在打开标签页后立即执行该功能全部内容,希望文章能够帮你解决问:Chrome 扩展程序:如何在打开标签页后立即执行该功能所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: