Chrome Extension Project: Weibo Advertising Filter

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

{
	"name": "大眼夹（新版微博）",
	"short_name": "大眼夹",
	"version": "0.1",
	"manifest_version": 3,
	"description": "新版微博非官方插件，去除时间线上的推荐、推广和广告微博。",
	"icons": {
		"48": "weiboFilter.png",
		"128": "weiboFilter.large.png"
	},
	"content_scripts": [
		{
			"matches": [
				"https://weibo.com/*",
				"https://www.weibo.com/*",
				"https://d.weibo.com/*",
				"http://d.weibo.com/*",
				"http://weibo.com/*",
				"http://www.weibo.com/*"
			],
			"js": ["main.js"],
			"run_at": "document_end"
		}
	],
	"web_accessible_resources": [{
		"resources": ["weiboClean.js"],
		"matches": ["<all_urls>"]
	}],	
	"permissions": [
		"storage"
	]
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76

// 借助自定义事件实现page script（注入页面的主程序）与content script（运行在沙箱中）
//   之间的异步通讯，使前者可以间接调用chrome.* API和GM_* API
console.log('I am in weiboFilter.js');
document.addEventListener('wbpGet', function (event) {
	event.stopPropagation();
	var name = event.detail.name;
	var post = function (value) {
		// 注意：不能在此处直接调用callback，否则回调函数将在本程序所在的沙箱环境中运行，在Chrome 27及更高版本下会出错
		// 在Greasemonkey（Firefox扩展）环境下也不能通过detail直接传对象，只能送string或array
		// 详见https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent#Specification
		document.dispatchEvent(new CustomEvent('wbpPost', { detail: event.detail.id + '=' + (value || '') }));
	};
	if (event.detail.sync) {
		// 一次性读取所有设置
		chrome.storage.sync.get(null, function (items) {
			var i = 0, value = '';
			while ((name + '_' + i) in items) {
				value += items[name + '_' + (i++)];
			}
			post(i ? value : event.detail.defVal);
		});
	} else {
		// 注意：使用chrome.storage.StorageArea.get()时，如果通过{name:defVal}的形式传送默认值，
		//   且defVal为null或undefined，即使name存在也会返回空对象{}，详见crbug.com/145081
		chrome.storage.local.get(name, function (items) {
			post(name in items ? items[name] : event.detail.defVal);
		});
	}
});
document.addEventListener('wbpSet', function (event) {
	event.stopPropagation();
	var data = {}, name = event.detail.name, value = event.detail.value;
	data[name] = value;
	if (event.detail.sync) { // 将设置保存到同步存储
		// 一次性读取所有设置
		chrome.storage.sync.get(null, function (items) {
			var data = {}, i = 0, errorHandler = function () {
				if (chrome.runtime && chrome.runtime.lastError) {
					console.error('Error writing to storage.sync: ' + chrome.runtime.lastError.message);
				}
			}, partLength = Math.round(chrome.storage.sync.QUOTA_BYTES_PER_ITEM * 0.8);
			// chrome.storage.sync的存储条数（MAX_ITEMS=512）与单条长度（QUOTA_BYTES_PER_ITEM=4,096）
			// 均受限制，当设置过长时需要拆分；chrome.storage.storageArea.set()会对输入项
			// 做一次JSON.stringify()，且Unicode字符将被转换为\uXXXX的转义形式，都会导致字符串膨胀
			// 因此拆分时需要事先留出一定裕度（此处保留20%），并将字符串转为Unicode转义格式
			for (var j = 0, l = 0, s = '', u; j < value.length; ++j) {
				if (value.charCodeAt(j) < 0x80) { // ASCII字符
					s += value.charAt(j);
					++l;
				} else { // Unicode字符
					u = value.charCodeAt(j).toString(16);
					s += '\\u' + (u.length === 2 ? '00' + u : u.length === 3 ? '0' + u : u);
					l += 6;
				}
				if (l >= partLength) { data[name + '_' + (i++)] = s; l = 0; s = ''; }
			}
			if (l > 0) { data[name + '_' + (i++)] = s; }
			// 保存新的设置
			chrome.storage.sync.set(data, errorHandler);
			// 清除多余的旧设置块
			var keys = [];
			while ((name + '_' + i) in items) {
				keys.push(name + '_' + (i++));
			}
			chrome.storage.sync.remove(keys, errorHandler);
		});
	} else { // 将设置保存到本地存储
		chrome.storage.local.set(data);
	}
});
//#endif
// 将脚本注入页面环境
var script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.src = chrome.runtime.getURL("/weiboClean.js");
document.head.appendChild(script);

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

document.addEventListener('DOMNodeInserted', function (event) {
    var node = event.target;
    if (node.tagName !== 'DIV') { return; }
    document.querySelectorAll('#scroller > div.vue-recycle-scroller__item-wrapper > div').forEach(function (div) {
        //console.log(div);
        if(div.querySelectorAll('i[title="负反馈"').length > 0){
            div.style.display = 'none';
        }else{
            div.style.display = '';
        }
    });

});