Instagram - 为关注的用户添加备注

为所关注的用户添加备注功能,以帮助识别

当前为 2020-03-07 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name                Instagram为关注用户添加备注
// @name:en             Instagram - Add notes to following
// @name:zh-CN          Instagram - 为关注的用户添加备注
// @name:zh-TW          Instagram - 為追蹤的用戶添加備註
// @name:ja             Instagram - 興味のあるユーザーにメモを追加する
// @name:ko             Instagram - 관심있는 사용자에게 메모 추가
// @namespace           https://greasyfork.org/zh-CN/users/193133-pana
// @homepage            https://www.sailboatweb.com
// @icon                data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCwxNSBMMjAsNCBMNCw0IEw0LDIwIEwxNSwyMCBMMTUsMTcgQzE1LDE1Ljg5NTQzMDUgMTUuODk1NDMwNSwxNSAxNywxNSBMMjAsMTUgWiBNMTkuNTg1Nzg2NCwxNyBMMTcsMTcgTDE3LDE5LjU4NTc4NjQgTDE5LjU4NTc4NjQsMTcgWiBNNCwyMiBDMi44OTU0MzA1LDIyIDIsMjEuMTA0NTY5NSAyLDIwIEwyLDQgQzIsMi44OTU0MzA1IDIuODk1NDMwNSwyIDQsMiBMMjAsMiBDMjEuMTA0NTY5NSwyIDIyLDIuODk1NDMwNSAyMiw0IEwyMiwxNy40MTQyMTM2IEwxNy40MTQyMTM2LDIyIEw0LDIyIFogTTcsMTcgTDcsMTUgTDEzLDE1IEwxMywxNyBMNywxNyBaIE03LDEzIEw3LDExIEwxNywxMSBMMTcsMTMgTDcsMTMgWiBNNyw5IEw3LDcgTDE3LDcgTDE3LDkgTDcsOSBaIi8+Cjwvc3ZnPgo=
// @version             1.3.5
// @description         为所关注的用户添加备注功能,以帮助识别
// @description:en      Add notes to users you follow to help identify
// @description:zh-CN   为所关注的用户添加备注功能,以帮助识别
// @description:zh-TW   為所追蹤的用戶添加備註功能,以幫助識別
// @description:ja      識別しやすくするために、気になるユーザーにメモを追加します
// @description:ko      식별에 도움이되는 관심 사용자에게 메모 추가
// @author              pana
// @include             http*://www.instagram.com/*
// @require             https://code.jquery.com/jquery-3.4.1.min.js
// @require             https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js
// @grant               GM_getValue
// @grant               GM_setValue
// ==/UserScript==

(function() {
	'use strict';
	const LANG = {
		ZH: {
			div_title: '备注',
			input_placeholder: '(请输入备注,置空时删除;按下Enter键保存)',
			save_button_text: '保存',
			cancel_button_text: '取消',
			search_placeholder: '搜索备注',
		},
		ZH_TW: {
			div_title: '備註',
			input_placeholder: '(請輸入備註,置空時刪除;按下Enter鍵保存)',
			save_button_text: '保存',
			cancel_button_text: '取消',
			search_placeholder: '搜索備註',
		},
		EN: {
			div_title: 'note',
			input_placeholder: '(Enter a note, delete it when blanked; press Enter to save)',
			save_button_text: 'Save',
			cancel_button_text: 'Cancel',
			search_placeholder: 'Search note',
		},
		JA: {
			div_title: '備考',
			input_placeholder: '(コメントを入力し、空白になったら削除してください。)',
			save_button_text: '保存する',
			cancel_button_text: 'キャンセル',
			search_placeholder: '検索ノート',
		},
		KO: {
			div_title: '비고',
			input_placeholder: '(메모를 입력하십시오.비워지면 삭제)',
			save_button_text: '저장',
			cancel_button_text: '취소',
			search_placeholder: '검색 노트',
		},
	};
	var lang_value = {
		div_title: 'note',
		input_placeholder: '(Please enter a note and delete it when blanked)',
		save_button_text: 'Save',
		cancel_button_text: 'Cancel',
		search_placeholder: 'Search note',
	};
	var instagram_config = {
		user_array: [],
	};
	var show_list = [];
	const PAGE_REG = {
		HOMEPAGE: /^https?:\/\/www\.instagram\.com\/?(\?[a-z]+=[a-z-]+)?$/i,
		USER_PAGE: /^https?:\/\/www\.instagram\.com\/[^/]*\/?(\?[a-z]+=[a-z-]+)?$/i,
		STORIES: /^https?:\/\/www\.instagram\.com\/stories\/[^/]*\/?(\?[a-z]+=[a-z-]+)?$/i,
	};
	const ICON = {
		TAGS: 'url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCwxNSBMMjAsNCBMNCw0IEw0LDIwIEwxNSwyMCBMMTUsMTcgQzE1LDE1Ljg5NTQzMDUgMTUuODk1NDMwNSwxNSAxNywxNSBMMjAsMTUgWiBNMTkuNTg1Nzg2NCwxNyBMMTcsMTcgTDE3LDE5LjU4NTc4NjQgTDE5LjU4NTc4NjQsMTcgWiBNNCwyMiBDMi44OTU0MzA1LDIyIDIsMjEuMTA0NTY5NSAyLDIwIEwyLDQgQzIsMi44OTU0MzA1IDIuODk1NDMwNSwyIDQsMiBMMjAsMiBDMjEuMTA0NTY5NSwyIDIyLDIuODk1NDMwNSAyMiw0IEwyMiwxNy40MTQyMTM2IEwxNy40MTQyMTM2LDIyIEw0LDIyIFogTTcsMTcgTDcsMTUgTDEzLDE1IEwxMywxNyBMNywxNyBaIE03LDEzIEw3LDExIEwxNywxMSBMMTcsMTMgTDcsMTMgWiBNNyw5IEw3LDcgTDE3LDcgTDE3LDkgTDcsOSBaIi8+Cjwvc3ZnPgo=)',
		DOWN_ARROW: 'url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTEuOTk2IDQ5MS45OTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MS45OTYgNDkxLjk5NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00ODQuMTMyLDEyNC45ODZsLTE2LjExNi0xNi4yMjhjLTUuMDcyLTUuMDY4LTExLjgyLTcuODYtMTkuMDMyLTcuODZjLTcuMjA4LDAtMTMuOTY0LDIuNzkyLTE5LjAzNiw3Ljg2bC0xODMuODQsMTgzLjg0OCAgICBMNjIuMDU2LDEwOC41NTRjLTUuMDY0LTUuMDY4LTExLjgyLTcuODU2LTE5LjAyOC03Ljg1NnMtMTMuOTY4LDIuNzg4LTE5LjAzNiw3Ljg1NmwtMTYuMTIsMTYuMTI4ICAgIGMtMTAuNDk2LDEwLjQ4OC0xMC40OTYsMjcuNTcyLDAsMzguMDZsMjE5LjEzNiwyMTkuOTI0YzUuMDY0LDUuMDY0LDExLjgxMiw4LjYzMiwxOS4wODQsOC42MzJoMC4wODQgICAgYzcuMjEyLDAsMTMuOTYtMy41NzIsMTkuMDI0LTguNjMybDIxOC45MzItMjE5LjMyOGM1LjA3Mi01LjA2NCw3Ljg1Ni0xMi4wMTYsNy44NjQtMTkuMjI0ICAgIEM0OTEuOTk2LDEzNi45MDIsNDg5LjIwNCwxMzAuMDQ2LDQ4NC4xMzIsMTI0Ljk4NnoiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)',
		UP_ARROW: 'url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIuMDAyIDQ5Mi4wMDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Mi4wMDIgNDkyLjAwMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00ODQuMTM2LDMyOC40NzNMMjY0Ljk4OCwxMDkuMzI5Yy01LjA2NC01LjA2NC0xMS44MTYtNy44NDQtMTkuMTcyLTcuODQ0Yy03LjIwOCwwLTEzLjk2NCwyLjc4LTE5LjAyLDcuODQ0ICAgIEw3Ljg1MiwzMjguMjY1QzIuNzg4LDMzMy4zMzMsMCwzNDAuMDg5LDAsMzQ3LjI5N2MwLDcuMjA4LDIuNzg0LDEzLjk2OCw3Ljg1MiwxOS4wMzJsMTYuMTI0LDE2LjEyNCAgICBjNS4wNjQsNS4wNjQsMTEuODI0LDcuODYsMTkuMDMyLDcuODZzMTMuOTY0LTIuNzk2LDE5LjAzMi03Ljg2bDE4My44NTItMTgzLjg1MmwxODQuMDU2LDE4NC4wNjQgICAgYzUuMDY0LDUuMDYsMTEuODIsNy44NTIsMTkuMDMyLDcuODUyYzcuMjA4LDAsMTMuOTYtMi43OTIsMTkuMDI4LTcuODUybDE2LjEyOC0xNi4xMzIgICAgQzQ5NC42MjQsMzU2LjA0MSw0OTQuNjI0LDMzOC45NjUsNDg0LjEzNiwzMjguNDczeiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)',
	};

	function judge_User(user_title) {
		for (let i = 0; i < instagram_config.user_array.length; i++) {
			if (user_title === instagram_config.user_array[i].user_id) {
				return i
			}
		}
		return -1
	}
	function write_User(user_title, input_tag) {
		let judge_value = judge_User(user_title);
		if (judge_value !== -1) {
			if (input_tag) {
				instagram_config.user_array[judge_value].user_tag = input_tag
			} else {
				instagram_config.user_array.splice(judge_value, 1)
			}
		} else {
			if (input_tag) {
				let temp_user_obj = {
					user_id: user_title,
					user_tag: input_tag,
				};
				instagram_config.user_array.push(temp_user_obj)
			}
		}
		GM_setValue('instagram_config', instagram_config)
	}
	function create_Add_Input_Div(user_title) {
		let presentation_div = document.createElement('div');
		presentation_div.className = 'presentation_div_for_user';
		presentation_div.style.display = 'flex';
		presentation_div.style.position = 'fixed';
		presentation_div.style.backgroundColor = 'rgba(0, 0, 0, .5)';
		presentation_div.style.top = '0';
		presentation_div.style.bottom = '0';
		presentation_div.style.left = '0';
		presentation_div.style.right = '0';
		presentation_div.style.zIndex = '1';
		presentation_div.style.alignItems = 'center';
		presentation_div.style.justifyContent = 'center';
		presentation_div.addEventListener('click', function(event) {
			if (event.target === this) {
				$('.presentation_div_for_user').remove()
			}
		});
		let dialog_div = document.createElement('div');
		dialog_div.className = 'dialog_div_for_user';
		dialog_div.style.position = 'relative';
		dialog_div.style.width = '400px';
		dialog_div.style.backgroundColor = '#fff';
		dialog_div.style.border = '0 solid #000';
		dialog_div.style.borderRadius = '12px';
		let user_title_p = document.createElement('button');
		user_title_p.className = 'user_title_span_for_user';
		user_title_p.innerText = user_title;
		user_title_p.style.minHeight = '48px';
		user_title_p.style.textAlign = 'center';
		user_title_p.style.border = '1px solid #efefef';
		user_title_p.style.color = 'red';
		user_title_p.style.fontWeight = 'bold';
		user_title_p.style.backgroundColor = 'rgba(0, 0, 0, 0)';
		user_title_p.style.borderTopLeftRadius = '12px';
		user_title_p.style.borderTopRightRadius = '12px';
		let tag_input = document.createElement('input');
		tag_input.className = 'tag_input_for_user';
		tag_input.type = 'text';
		tag_input.placeholder = lang_value.input_placeholder;
		tag_input.style.minHeight = '32px';
		tag_input.style.margin = '5px';
		let judge_value = judge_User(user_title);
		if (judge_value !== -1) {
			tag_input.value = instagram_config.user_array[judge_value].user_tag
		} else {
			tag_input.value = ''
		}
		$(tag_input).keyup(function(e) {
			if (e.keyCode === 13) {
				write_User(user_title, $('.tag_input_for_user').val());
				save_Update_Event(user_title);
				$('.presentation_div_for_user').remove()
			}
		});
		let save_button = document.createElement('button');
		save_button.className = 'save_button_for_user';
		save_button.type = 'button';
		save_button.innerText = lang_value.save_button_text;
		save_button.style.minHeight = '48px';
		save_button.style.cursor = 'pointer';
		save_button.style.border = '1px solid #efefef';
		save_button.style.backgroundColor = 'rgba(0, 0, 0, 0)';
		save_button.addEventListener('click', function() {
			write_User(user_title, $('.tag_input_for_user').val());
			save_Update_Event(user_title);
			$('.presentation_div_for_user').remove()
		});
		let cancel_button = document.createElement('button');
		cancel_button.className = 'cancel_button_for_user';
		cancel_button.type = 'button';
		cancel_button.innerText = lang_value.cancel_button_text;
		cancel_button.style.minHeight = '48px';
		cancel_button.style.cursor = 'pointer';
		cancel_button.style.border = '1px solid #efefef';
		cancel_button.style.backgroundColor = 'rgba(0, 0, 0, 0)';
		cancel_button.style.borderBottomLeftRadius = '12px';
		cancel_button.style.borderBottomRightRadius = '12px';
		cancel_button.addEventListener('click', function(event) {
			$('.presentation_div_for_user').remove()
		});
		dialog_div.appendChild(user_title_p);
		dialog_div.appendChild(tag_input);
		dialog_div.appendChild(save_button);
		dialog_div.appendChild(cancel_button);
		presentation_div.appendChild(dialog_div);
		return presentation_div
	}
	function create_Add_Tags_Div(user_title) {
		let tags_div = document.createElement('div');
		tags_div.className = 'Tags_A';
		tags_div.title = lang_value.div_title;
		tags_div.style.width = '32px';
		tags_div.style.height = '32px';
		tags_div.style.backgroundImage = ICON.TAGS;
		tags_div.style.backgroundRepeat = 'no-repeat';
		tags_div.style.backgroundPosition = 'center';
		tags_div.style.backgroundSize = '24px auto';
		tags_div.style.marginLeft = '5px';
		tags_div.addEventListener('click', function() {
			document.body.appendChild(create_Add_Input_Div(user_title))
		});
		return tags_div
	}
	function create_Add_Tag_P(tag_string) {
		let tag_p = document.createElement('p');
		tag_p.className = 'tag_p';
		tag_p.style.marginLeft = '5px';
		tag_p.style.color = '#990033';
		tag_p.style.whiteSpace = 'nowrap';
		tag_p.innerText = '(' + tag_string + ')';
		return tag_p
	}
	function create_Add_Tag_Span(tag_string, font_size) {
		let tag_span = document.createElement('span');
		tag_span.className = 'tag_span';
		tag_span.style.marginLeft = '5px';
		tag_span.style.color = '#990033';
		tag_span.style.fontSize = font_size;
		tag_span.innerText = '(' + tag_string + ')';
		return tag_span
	}
	function create_List_Div(id_number, user_obj) {
		let list_div = document.createElement('div');
		list_div.id = 'tags_' + id_number;
		list_div.innerText = user_obj.user_tag;
		list_div.style.cursor = 'pointer';
		$(list_div).mouseenter(function() {
			$(this).css('background-color', '#6699CC').siblings().css('background-color', '')
		});
		$(list_div).on('click', function() {
			window.location.href = 'https://www.instagram.com/' + user_obj.user_id + '/'
		});
		return list_div
	}
	function create_Search_Frame() {
		let search_frame = document.createElement('div');
		search_frame.id = 'searchFrame';
		search_frame.style.position = 'relative';
		search_frame.style.marginLeft = '15px';
		let search_input = document.createElement('input');
		search_input.id = 'myInputSearch';
		search_input.type = 'text';
		search_input.placeholder = lang_value.search_placeholder;
		search_input.value = "";
		search_input.style.width = '200px';
		search_input.style.height = '25px';
		search_input.style.border = '1px solid #999';
		search_input.style.borderRadius = '3px';
		search_input.style.padding = '0 3px';
		search_input.style.position = 'relative';
		$(search_input).focus(function() {
			$('#tagsList').show();
			let arrow = $('.dropDowns');
			arrow.addClass('up_arrow');
			if (arrow.hasClass('up_arrow')) {
				arrow.css('background-image', ICON.UP_ARROW)
			} else {
				arrow.css('background-image', ICON.DOWN_ARROW)
			}
			search_Event(search_input)
		});
		search_frame.appendChild(search_input);
		let dropdowns = document.createElement('div');
		dropdowns.className = 'picture_click dropDowns';
		dropdowns.style.width = '15px';
		dropdowns.style.height = '15px';
		dropdowns.style.backgroundImage = ICON.DOWN_ARROW;
		dropdowns.style.backgroundRepeat = 'no-repeat';
		dropdowns.style.backgroundSize = '12px auto';
		dropdowns.style.position = 'absolute';
		dropdowns.style.top = '8px';
		dropdowns.style.right = '2px';
		$(dropdowns).click(function() {
			$(this).parent().find('.selectList').toggle();
			$(this).toggleClass('up_arrow');
			if ($(this).hasClass('up_arrow')) {
				$(this).css('background-image', ICON.UP_ARROW)
			} else {
				$(this).css('background-image', ICON.DOWN_ARROW)
			}
		});
		search_frame.appendChild(dropdowns);
		let tags_list = document.createElement('div');
		tags_list.id = 'tagsList';
		tags_list.className = 'selectList';
		tags_list.style.width = '208px';
		tags_list.style.height = '218px';
		tags_list.style.overflowY = 'scroll';
		tags_list.style.textAlign = 'left';
		tags_list.style.border = '1px solid #999';
		tags_list.style.display = 'none';
		tags_list.style.position = 'absolute';
		tags_list.style.top = '27px';
		tags_list.style.backgroundColor = '#fff';
		$.each(instagram_config.user_array, function(index, item) {
			tags_list.appendChild(create_List_Div(index, item))
		});
		search_frame.appendChild(tags_list);
		document.body.onclick = function(e) {
			e = e || window.event;
			let target = e.target || e.srcElement;
			if (target !== $('.dropDowns')[0] && target !== $('.selectList')[0] && target !== $('#myInputSearch')[0]) {
				$('#tagsList').hide();
				let arrow = $('.dropDowns');
				arrow.removeClass('up_arrow');
				if (arrow.hasClass('up_arrow')) {
					arrow.css('background-image', ICON.UP_ARROW)
				} else {
					arrow.css('background-image', ICON.DOWN_ARROW)
				}
			}
		};
		return search_frame
	}
	function search_Event(input_dom) {
		let list_arr = [];
		$.each($('#tagsList div'), function(index, item) {
			let arr_obj = {
				ele_container: item.innerText,
				ele: item,
			};
			list_arr.push(arr_obj)
		});
		let current_index = 0;
		$(input_dom).keyup(function(event) {
			$('#tagsList').show();
			let arrow = $('.dropDowns');
			arrow.addClass('up_arrow');
			if (arrow.hasClass('up_arrow')) {
				arrow.css('background-image', ICON.UP_ARROW)
			} else {
				arrow.css('background-image', ICON.DOWN_ARROW)
			}
			if (event.keyCode === 38) {
				event.returnValue = false
			} else if (event.keyCode === 40) {
				event.returnValue = false
			} else if (event.keyCode === 37) {
				event.returnValue = false
			} else if (event.keyCode === 39) {
				event.returnValue = false
			} else if (event.keyCode === 13) {
				$(show_list[current_index]).click()
			} else {
				let search_val = $(this).val();
				show_list = [];
				$.each(list_arr, function(index, item) {
					if (item.ele_container.indexOf(search_val) !== -1) {
						item.ele.style.display = 'block';
						show_list.push(item.ele)
					} else {
						item.ele.style.display = 'none'
					}
				});
				current_index = 0
			}
			$.each(show_list, function(index, item) {
				if (index === current_index) {
					item.style.backgroundColor = '#6699CC';
					$('#tagsList').scrollTop(item.offsetTop)
				} else {
					item.style.backgroundColor = ''
				}
			});
			let list_height = $('#tagsList div:first').height() * show_list.length;
			if (list_height < 218) {
				$('#tagsList').height(list_height)
			} else {
				$('#tagsList').height(218)
			}
		});
		$(input_dom).keydown(function(event) {
			if (event.keyCode === 38) {
				current_index--;
				if (current_index < 0) {
					current_index = 0
				}
			} else if (event.keyCode === 40) {
				current_index++;
				if (current_index >= show_list.length) {
					current_index = show_list.length - 1
				}
			}
			$.each(show_list, function(index, item) {
				if (index === current_index) {
					item.style.backgroundColor = '#6699CC';
					$('#tagsList').scrollTop(item.offsetTop)
				} else {
					item.style.backgroundColor = ''
				}
			})
		})
	}
	function homepage_Event(dom_container) {
		let user_title = $(dom_container).find('div.e1e1d a').text();
		let judge_value = judge_User(user_title);
		if (judge_value !== -1) {
			$(dom_container).find('.e1e1d').append(create_Add_Tag_P(instagram_config.user_array[judge_value].user_tag))
		}
		$(dom_container).find('.e1e1d').append(create_Add_Tags_Div(user_title));
		$(dom_container).find('.e1e1d').css('overflow', 'visible')
	}
	function homepage_Stories_Event(dom_container) {
		let user_title = $(dom_container).find('.jQgLo').text();
		let judge_value = judge_User(user_title);
		if (judge_value !== -1) {
			$(dom_container).find('.jQgLo').append(create_Add_Tag_Span(instagram_config.user_array[judge_value].user_tag, '12px'))
		}
	}
	function user_Page_Event(selector_container) {
		let user_title = selector_container.find('.KV-D4').text();
		selector_container.find('.AFWDX').after(create_Add_Tags_Div(user_title));
		let judge_value = judge_User(user_title);
		if (judge_value !== -1) {
			selector_container.find('.AFWDX').after(create_Add_Tag_Span(instagram_config.user_array[judge_value].user_tag, '16px'))
		}
		$.each(selector_container.find('span._32eiM'), function(index, item) {
			let em_user_title = item.innerText;
			let em_judge_value = judge_User(em_user_title);
			if (em_judge_value !== -1) {
				item.innerText = em_user_title + ' (' + instagram_config.user_array[em_judge_value].user_tag + ')'
			}
		})
	}
	function stories_Page_Event(selector_container) {
		let user_title = selector_container.find('.FPmhX').text();
		let judge_value = judge_User(user_title);
		if (judge_value !== -1) {
			selector_container.append(create_Add_Tag_Span(instagram_config.user_array[judge_value].user_tag, '14px'))
		}
	}
	function follow_Page_Event(selector_container) {
		if (selector_container.find('.tag_span').length === 0) {
			let user_title = selector_container.find('a.FPmhX').attr('title');
			let judge_value = judge_User(user_title);
			if (judge_value !== -1) {
				selector_container.find('a.FPmhX').parent().append(create_Add_Tag_Span(instagram_config.user_array[judge_value].user_tag, '14px'))
			}
		}
	}
	function save_Update_Event(user_title) {
		let old_url = location.href;
		if (PAGE_REG.HOMEPAGE.test(old_url)) {
			$.each($('article'), function(index, item) {
				let page_user_title = $(item).find('a.nJAzx').attr('title');
				if (user_title === page_user_title) {
					let judge_value = judge_User(user_title);
					if (judge_value !== -1) {
						if ($(item).find('p.tag_p').length !== 0) {
							$(item).find('p.tag_p').text('(' + instagram_config.user_array[judge_value].user_tag + ')')
						} else {
							$(item).find('.Tags_A').before(create_Add_Tag_P(instagram_config.user_array[judge_value].user_tag))
						}
					} else {
						if ($(item).find('p.tag_p').length !== 0) {
							$(item).find('p.tag_p').remove()
						}
					}
				}
			});
			$.each($('.BI5t6'), function(index, item) {
				let page_user_selector = $(item).find('.jQgLo').clone();
				page_user_selector.find('.tag_span').remove();
				let page_user_title = page_user_selector.text();
				if (user_title === page_user_title) {
					let judge_value = judge_User(user_title);
					if (judge_value !== -1) {
						if ($(item).find('span.tag_span').length !== 0) {
							$(item).find('span.tag_span').text('(' + instagram_config.user_array[judge_value].user_tag + ')')
						} else {
							$(item).find('.jQgLo').append(create_Add_Tag_Span(instagram_config.user_array[judge_value].user_tag, '12px'))
						}
					} else {
						if ($(item).find('span.tag_span').length !== 0) {
							$(item).find('span.tag_span').remove()
						}
					}
				}
			})
		} else if (PAGE_REG.USER_PAGE.test(old_url)) {
			let user_title = $('.KV-D4').text();
			let judge_value = judge_User(user_title);
			if (judge_value !== -1) {
				if ($('.tag_span').length !== 0) {
					$('.tag_span').text('(' + instagram_config.user_array[judge_value].user_tag + ')')
				} else {
					$('.AFWDX').after(create_Add_Tag_Span(instagram_config.user_array[judge_value].user_tag, '16px'))
				}
			} else {
				if ($('.tag_span').length !== 0) {
					$('.tag_span').remove()
				}
			}
		}
	}
	function set_Language(lang_string) {
		switch (lang_string) {
		case 'zh':
		case 'zh-cn':
			lang_value = LANG.ZH;
			break;
		case 'zh-hk':
		case 'zh-tw':
			lang_value = LANG.ZH_TW;
			break;
		case 'en':
			lang_value = LANG.EN;
			break;
		case 'ja':
			lang_value = LANG.JA;
			break;
		case 'ko':
			lang_value = LANG.KO;
			break;
		default:
			lang_value = LANG.EN;
			break
		}
	}
	function init() {
		set_Language($('html:first').attr('lang'));
		$('.LWmhU').after(create_Search_Frame());
		$('#react-root').arrive('.LWmhU', function() {
			$(this).after(create_Search_Frame())
		});
		$.each($('article'), function(_index, item) {
			homepage_Event(item)
		});
		setTimeout(function() {
			$.each($('.BI5t6'), function(index, item) {
				homepage_Stories_Event(item)
			})
		}, 1000);
		$('#react-root').arrive('article', function() {
			homepage_Event(this)
		});
		$('#react-root').arrive('.BI5t6', function() {
			homepage_Stories_Event(this)
		});
		if ($('.zwlfE').length !== 0) {
			user_Page_Event($('.zwlfE'))
		}
		$('#react-root').arrive('.zwlfE', function() {
			user_Page_Event($(this))
		});
		if ($('.yn6BW').length !== 0) {
			stories_Page_Event($('.yn6BW'))
		}
		$('#react-root').arrive('.yn6BW', function() {
			stories_Page_Event($(this))
		});
		$('body').arrive('.isgrP li', {
			onceOnly: true
		}, function() {
			follow_Page_Event($(this))
		});
		$('body').arrive('.d7ByH', function() {
			follow_Page_Event($(this))
		})
	}
	Promise.all([GM_getValue('instagram_config')]).then(function(data) {
		if (data[0] !== undefined) {
			instagram_config = data[0]
		}
		init()
	})
})();