9、chrome拓展使用动态注入去除页面元素

关注

VIP免费原创最新推荐文章于 2026-07-15 16:33:18 发布 1k 阅读 AI 写同款· GEO 优化 ›

泛微Ecology9流程表单数据回填实战：弹窗建模+ecode开发全流程解析本文详细解析了在泛微Ecology9平台上通过弹窗建模和ecode开发实现流程表单数据动态回填的全流程。从环境准备、弹窗设计到数据传递与更新，提供了完整的解决方案和优化建议，帮助开发者提升OA系统二次开发效率。阅读详情

一、完整代码

manifest.json

{
	"manifest_version": 2,
	"name": "NoAd",
	"version": "1.0.0",
	"description": "",
	"icons":
	{
		"16": "icon/icon.png",
		"48": "icon/icon.png",
		"128": "icon/icon.png"
	},
	"options_ui":
	{
		"page": "options.html",
		"chrome_style": true
	},

	"background":
	{
		"scripts": ["js/background.js"],
		"persistent": true
	},
	"content_scripts": 
	[
		{
			"matches": ["*://*/*"],
			"js": ["jquery-1.8.3.js","js/content-scripts.js"],
			"run_at": "document_start",
			"all_frames":true
		}
		
	],
	"permissions":["tabs", "http://*/*", "https://*/*","storage"],
	"browser_action":{
		"default_popup": "popup.html"
	},
	"options_ui":
	{
		"chrome_style": true
	}
}

popup.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/popup.css">

</head>
<body>

<header><h3 class="fonts">Filter Elements</h3></header>
<div class="main fonts border-style">
    <div class="contain" id="tag-contain">
        <label for="img" class="ad">img:
            <input type="checkbox" id="img" class="ad-style" >
        </label>
        <label for="video" class="ad">video:
            <input type="checkbox" id="video" class="ad-style">
        </label>
        <label for="iframe" class="ad">iframe:
            <input type="checkbox" id="iframe" class="ad-style">
        </label>
        <label for="a" class="ad">a:
            <input