☰

Instagram - 為用戶添加備註

為用戶添加備註功能，以幫助識別和搜尋

目前為 2020-08-18 提交的版本，檢視 最新版本。

// ==UserScript==
// @name                Instagram为关注用户添加备注
// @name:en             Instagram - Add notes to the user
// @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,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBhcmlhLWxhYmVsbGVkYnk9Im5ld0ljb25UaXRsZSIgc3Ryb2tlPSJyZ2JhKDI5LDE2MSwyNDIsMS4wMCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgZmlsbD0ibm9uZSIgY29sb3I9InJnYmEoMjksMTYxLDI0MiwxLjAwKSI+IDx0aXRsZSBpZD0ibmV3SWNvblRpdGxlIj5OZXc8L3RpdGxlPiA8cGF0aCBkPSJNMTkgMTRWMjJIMi45OTk5N1Y0SDEzIi8+IDxwYXRoIGQ9Ik0xNy40NjA4IDQuMDM5MjFDMTguMjQxOCAzLjI1ODE3IDE5LjUwODIgMy4yNTgxNiAyMC4yODkyIDQuMDM5MjFMMjAuOTYwOCA0LjcxMDc5QzIxLjc0MTggNS40OTE4NCAyMS43NDE4IDYuNzU4MTcgMjAuOTYwOCA3LjUzOTIxTDExLjU4NTggMTYuOTE0MkMxMS4yMTA3IDE3LjI4OTMgMTAuNzAyIDE3LjUgMTAuMTcxNiAxNy41TDcuNSAxNy41TDcuNSAxNC44Mjg0QzcuNSAxNC4yOTggNy43MTA3MSAxMy43ODkzIDguMDg1NzkgMTMuNDE0MkwxNy40NjA4IDQuMDM5MjFaIi8+IDxwYXRoIGQ9Ik0xNi4yNSA1LjI1TDE5Ljc1IDguNzUiLz4gPC9zdmc+
// @version             4.1.0
// @description         为用户添加备注功能，以帮助识别和搜索
// @description:en      Add a note for users to help identify and search
// @description:zh-CN   为用户添加备注功能，以帮助识别和搜索
// @description:zh-TW   為用戶添加備註功能，以幫助識別和搜尋
// @description:ja      ユーザーに備考機能を追加し、識別と検索を助ける
// @description:ko      식별 및 검색에 도움이 되는 사용자에 대한 주석 추가 기능
// @license             GNU General Public License v3.0 or later
// @author              pana
// @include             http*://*instagram.com/*
// @require             https://cdn.jsdelivr.net/npm/[email protected]/minified/arrive.min.js
// @require             https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js
// @require             https://greasyfork.org/scripts/408454-note-obj/code/Note_Obj.js?version=838447
// @grant               GM_info
// @grant               GM_getValue
// @grant               GM_setValue
// @grant               GM_deleteValue
// @grant               GM_listValues
// @grant               GM_registerMenuCommand
// @grant               GM_addValueChangeListener
// ==/UserScript==

(function() {
    'use strict';
    const STYLE_VALUE = `
        .note-obj-ins-font-blue-color {
            color: #336699 !important;
        }
        .note-obj-ins-add-btn {
            background-image: url(data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBhcmlhLWxhYmVsbGVkYnk9Im5ld0ljb25UaXRsZSIgc3Ryb2tlPSJyZ2IoMzgsIDM4LCAzOCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgZmlsbD0ibm9uZSIgY29sb3I9InJnYigzOCwgMzgsIDM4KSI+IDx0aXRsZSBpZD0ibmV3SWNvblRpdGxlIj5OZXc8L3RpdGxlPiA8cGF0aCBkPSJNMTkgMTRWMjJIMi45OTk5N1Y0SDEzIi8+IDxwYXRoIGQ9Ik0xNy40NjA4IDQuMDM5MjFDMTguMjQxOCAzLjI1ODE3IDE5LjUwODIgMy4yNTgxNiAyMC4yODkyIDQuMDM5MjFMMjAuOTYwOCA0LjcxMDc5QzIxLjc0MTggNS40OTE4NCAyMS43NDE4IDYuNzU4MTcgMjAuOTYwOCA3LjUzOTIxTDExLjU4NTggMTYuOTE0MkMxMS4yMTA3IDE3LjI4OTMgMTAuNzAyIDE3LjUgMTAuMTcxNiAxNy41TDcuNSAxNy41TDcuNSAxNC44Mjg0QzcuNSAxNC4yOTggNy43MTA3MSAxMy43ODkzIDguMDg1NzkgMTMuNDE0MkwxNy40NjA4IDQuMDM5MjFaIi8+IDxwYXRoIGQ9Ik0xNi4yNSA1LjI1TDE5Ljc1IDguNzUiLz4gPC9zdmc+);
            background-size: 24px;
            background-repeat: no-repeat;
            background-position: center;
            margin-left: 5px;
            cursor: pointer;
            width: 24px;
            height: 24px;
        }
        .note-obj-ins-homepage-btn {
            margin-top: 8px;
        }
        .note-obj-ins-userpage-btn {
            margin-top: 2px;
        }
        .note-obj-ins-userpage-tag {
            display: block;
            font-size: 20px;
            margin-bottom: 20px;
            white-space: nowrap;
        }
        .note-obj-ins-mobile-search-button {
            background-image: url(data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBhcmlhLWxhYmVsbGVkYnk9InNlYXJjaEljb25UaXRsZSIgc3Ryb2tlPSJyZ2JhKDI5LDE2MSwyNDIsMS4wMCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgZmlsbD0ibm9uZSIgY29sb3I9InJnYmEoMjksMTYxLDI0MiwxLjAwKSI+IDx0aXRsZSBpZD0ic2VhcmNoSWNvblRpdGxlIj5TZWFyY2g8L3RpdGxlPiA8cGF0aCBkPSJNMTQuNDEyMTEyMiwxNC40MTIxMTIyIEwyMCwyMCIvPiA8Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSI2Ii8+IDwvc3ZnPg==);
            background-size: 24px;
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
            min-width: 0px;
            height: 100%;
            flex: 1 1 auto;
        }
    `;
    var selector = {
        'body': 'body',
        'root': '#react-root',
        'search': {
            'frame': '.LWmhU'
        },
        'homepage': {
            'article': 'article',
            'id': '.e1e1d a',
            'id_shell': '.e1e1d',
            'icon': 'span.wmtNn',
            'comment_id': '.FPmhX',
            'comment_at': '._8Pl3R .notranslate'
        },
        'homepage_stories': {
            'id': '.eebAO',
            'id_shell': '.Fd_fQ',
        },
        'homepage_recommend': {
            'id': '.fDxYl a'
        },
        'user_page': {
            'frame': '.zwlfE',
            'id': '.KV-D4',
            'bar': '.AFWDX',
            'box': '.nZSzR',
            'common': 'span._32eiM',
            'suggest': '.Qj3-a',
            'info_at': '.notranslate'
        },
        'stories': {
            'id': '.FPmhX',
            'id_shell': '.yn6BW'
        },
        'watch_list': {
            'initial_item': '.isgrP li',
            'later_item': '.d7ByH',
            'id': 'a.FPmhX'
        },
        'dialog': {
            'frame': '._2dDPU article',
            'comment_id': '.EtaWk .ZIAjV',
            'comment_at': '.EtaWk .notranslate'
        },
        'request': {
            'follow': '.yrJyr'
        },
        'mobile': {
            'bottom_bar': '.BvyAW'
        },
        'suggest': {
            'user': '.FPmhX.notranslate.MBL3Z'
        }
    };
    function change_Event(note_obj, user_id = null) {
        for (let article of document.querySelectorAll(selector.homepage.article)) {
            let article_user = article.querySelector(selector.homepage.id);
            if (article_user) {
                let article_user_id = Note_Obj.fn.getUserIdFromLink(article_user.href);
                (! user_id || user_id == article_user_id) && note_obj.handler(article_user_id, article_user, null, {
                    'classname': 'note-obj-ins-font-blue-color',
                    'title': true
                });
            }
            for (let comment of article.querySelectorAll(selector.homepage.comment_id)) {
                let comment_id = Note_Obj.fn.getUserIdFromLink(comment.href);
                (! user_id || user_id == comment_id) && note_obj.handler(comment_id, comment, null, {
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
            for (let comment_at of article.querySelectorAll(selector.homepage.comment_at)) {
                let comment_at_id = Note_Obj.fn.getUserIdFromLink(comment_at.href);
                (! user_id || user_id == comment_at_id) && note_obj.handler(comment_at_id, comment_at, null, {
                    'symbol': {
                        'prefix': '@'
                    },
                    'title': true,
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
            for (let pic_comment_user of (article.querySelectorAll(selector.dialog.comment_id))) {
                let pic_comment_id = Note_Obj.fn.getUserIdFromLink(pic_comment_user.href);
                (! user_id || user_id == pic_comment_id) && note_obj.handler(pic_comment_id, pic_comment_user, null, {
                    'title': true,
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
            for (let pic_comment_at of article.querySelectorAll(selector.dialog.comment_at)) {
                if (! pic_comment_at.classList.contains(selector.homepage.comment_id.replace(/^\.|\s+.*$/g, ''))) {
                    let pic_comment_at_id = Note_Obj.fn.getUserIdFromLink(pic_comment_at.href);
                    (! user_id || user_id == pic_comment_at_id) && note_obj.handler(pic_comment_at_id, pic_comment_at, null, {
                        'symbol': {
                            'prefix': '@'
                        },
                        'title': true,
                        'classname': 'note-obj-ins-font-blue-color'
                    });
                }
            }
        }
        for (let homepage_stories of document.querySelectorAll(selector.homepage_stories.id_shell)) {
            if (homepage_stories.querySelector(selector.homepage_stories.id)) {
                let homepage_stories_id = homepage_stories.querySelector(selector.homepage_stories.id).textContent;
                if (! user_id || user_id == homepage_stories_id) {
                    homepage_stories.title = note_obj.getUserTag(homepage_stories_id);
                }
            }
        }
        for (let homepage_recommend of document.querySelectorAll(selector.homepage_recommend.id)) {
            let homepage_recommend_id = note_obj.getUserIdFromLink(homepage_recommend.href);
            (! user_id || user_id == homepage_recommend_id) && note_obj.handler(homepage_recommend_id, homepage_recommend, null, {
                'classname': 'note-obj-ins-font-blue-color'
            });
        }
        for (let user_page of document.querySelectorAll(selector.user_page.frame)) {
            if (user_page.querySelector(selector.user_page.id)) {
                let user_page_id = user_page.querySelector(selector.user_page.id).textContent;
                if (! user_id || user_id == user_page_id) {
                    let user_page_tag = user_page.querySelector('.note-obj-user-tag');
                    if (user_page_tag) {
                        if (note_obj.judgeUsers(user_page_id)) {
                            user_page_tag.textContent = note_obj.getUserTag(user_page_id, {
                                'm': true
                            });
                        } else {
                            user_page_tag.remove();
                        }
                    } else {
                        note_obj.judgeUsers(user_page_id) && user_page.querySelector(selector.user_page.box).after(note_obj.createNoteTag(note_obj.getUserTag(user_page_id, {
                            'm': true
                        }), 'div', ['note-obj-ins-userpage-tag', 'note-obj-ins-font-blue-color']));
                    }
                }
            }
            for (let common_user of user_page.querySelectorAll(selector.user_page.common)) {
                let common_user_id = common_user.textContent;
                if (! user_id || user_id == common_user_id) {
                    if (note_obj.judgeUsers(common_user_id)) {
                        common_user.title = note_obj.getUserTag(common_user_id);
                        common_user.classList.add('note-obj-ins-font-blue-color');
                    } else {
                        common_user.title = '',
                        common_user.classList.remove('note-obj-ins-font-blue-color');
                    }
                }
            }
            for (let info_at_user of user_page.querySelectorAll(selector.user_page.info_at)) {
                let info_at_user_id = Note_Obj.fn.getUserIdFromLink(info_at_user.href);
                (! user_id || user_id == info_at_user_id) && note_obj.handler(info_at_user_id, info_at_user, null, {
                    'symbol': {
                        'prefix': '@'
                    },
                    'classname': 'note-obj-ins-font-blue-color',
                    'title': true
                });
            }
        }
        for (let stories_shell of document.querySelectorAll(selector.stories.id_shell)) {
            let stories = stories_shell.querySelector(selector.stories.id);
            if (stories) {
                let stories_user_id = Note_Obj.fn.getUserIdFromLink(stories.href);
                (! user_id || user_id == stories_user_id) && note_obj.handler(stories_user_id, stories, null, {
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
        }
        for (let initial of document.querySelectorAll(selector.watch_list.initial_item)) {
            let initial_item = initial.querySelector(selector.watch_list.id);
            if (initial_item) {
                let initial_item_id = Note_Obj.fn.getUserIdFromLink(initial_item.href);
                (! user_id || user_id == initial_item_id) && note_obj.handler(initial_item_id, initial_item, null, {
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
        }
        for (let later of document.querySelectorAll(selector.watch_list.later_item)) {
            let later_item = later.querySelector(selector.watch_list.id);
            if (later_item) {
                let later_item_id = Note_Obj.fn.getUserIdFromLink(later_item.href);
                (! user_id || user_id == later_item_id) && note_obj.handler(later_item_id, later_item, null, {
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
        }
        for (let dialog of document.querySelectorAll(selector.dialog.frame)) {
            let dialog_a = dialog.querySelector(selector.homepage.id);
            if (dialog_a) {
                let dialog_a_id = Note_Obj.fn.getUserIdFromLink(dialog_a.href);
                (! user_id || user_id == dialog_a_id) && note_obj.handler(dialog_a_id, dialog_a, null, {
                    'title': true,
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
            for (let like of dialog.querySelectorAll(selector.homepage.comment_id)) {
                let like_id = Note_Obj.fn.getUserIdFromLink(like.href);
                (! user_id || user_id == like_id) && note_obj.judgeUsers(like_id) && note_obj.handler(like_id, like, null, {
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
            for (let comment_user of dialog.querySelectorAll(selector.dialog.comment_id)) {
                let comment_id = Note_Obj.fn.getUserIdFromLink(comment_user.href);
                (! user_id || user_id == comment_id) && note_obj.handler(comment_id, comment_user, null, {
                    'classname': 'note-obj-ins-font-blue-color',
                    'title': true
                });
            }
            for (let comment_at of dialog.querySelectorAll(selector.dialog.comment_at)) {
                let comment_at_id = Note_Obj.fn.getUserIdFromLink(comment_at.href);
                (! user_id || user_id == comment_at_id) && note_obj.handler(comment_at_id, comment_at, null, {
                    'symbol': {
                        'prefix': '@'
                    },
                    'classname': 'note-obj-ins-font-blue-color',
                    'title': true
                });
            }
        }
        for (let follow of document.querySelectorAll(selector.request.follow)) {
            let follow_user_id = Note_Obj.fn.getUserIdFromLink(follow.href);
            (! user_id || user_id == follow_user_id) && note_obj.handler(follow_user_id, follow, null, {
                'classname': 'note-obj-ins-font-blue-color'
            });
        }
        for (let suggest_user of document.querySelectorAll(selector.suggest.user)) {
            let suggest_user_id = Note_Obj.fn.getUserIdFromLink(suggest_user.href);
            (! user_id || user_id == suggest_user_id) && note_obj.handler(suggest_user_id, suggest_user, null, {
                'classname': 'note-obj-ins-font-blue-color'
            });
        }
        for (let suggest of document.querySelectorAll(selector.user_page.suggest)) {
            let suggest_user_id = Note_Obj.fn.getUserIdFromLink(suggest.href);
            (! user_id || user_id == suggest_user_id) && note_obj.handler(suggest_user_id, suggest, null, {
                'classname': 'note-obj-ins-font-blue-color'
            });
        }
    }
    function init() {
        let note_obj = new Note_Obj('myInstagramNote', document.documentElement.lang);
        note_obj.init({
            'style': STYLE_VALUE,
            'changeEvent': change_Event,
            'script': {
                'author': {
                    'name': 'pana',
                    'homepage': 'https://www.sailboatweb.com/'
                },
                'address': 'https://greasyfork.org/scripts/387871',
                'updated': '2020-8-18',
                'library': [
                    {
                        'name': 'Vue.js',
                        'version': '2.6.11',
                        'url': 'https://vuejs.org/'
                    },
                    {
                        'name': 'arrive.js',
                        'version': '2.4.1',
                        'url': 'https://github.com/uzairfarooq/arrive'
                    }
                ]
            }
        });
        let arrive_option = {
            'fireOnAttributesModification': true,
            'existing': true
        };
        Note_Obj.fn.isMobilePage() && document.querySelector(selector.root).arrive(selector.mobile.bottom_bar, arrive_option, item => item.appendChild(note_obj.createSearchButton('note-obj-ins-mobile-search-button')));
        document.querySelector(selector.root).arrive(selector.homepage.article, arrive_option, article => {
            let article_user = article.querySelector(selector.homepage.id);
            if (article_user) {
                let article_user_id = Note_Obj.fn.getUserIdFromLink(article_user.href);
                note_obj.judgeUsers(article_user_id) && note_obj.handler(article_user_id, article_user, null, {
                    'classname': 'note-obj-ins-font-blue-color',
                    'title': true
                });
                article.querySelector(selector.homepage.icon) && article.querySelector(selector.homepage.icon).insertAdjacentElement('beforebegin', note_obj.createNoteBtn(article_user_id, null, ['note-obj-ins-add-btn', 'note-obj-ins-homepage-btn']));
            }
            for (let comment of article.querySelectorAll(selector.homepage.comment_id)) {
                let comment_id = Note_Obj.fn.getUserIdFromLink(comment.href);
                note_obj.judgeUsers(comment_id) && note_obj.handler(comment_id, comment, null, {
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
            article.arrive(selector.homepage.comment_at, arrive_option, comment_at => {
                let comment_at_id = Note_Obj.fn.getUserIdFromLink(comment_at.href);
                note_obj.judgeUsers(comment_at_id) && note_obj.handler(comment_at_id, comment_at, null, {
                    'symbol': {
                        'prefix': '@'
                    },
                    'title': true,
                    'classname': 'note-obj-ins-font-blue-color'
                });
            });
            article.arrive(selector.dialog.comment_id, arrive_option, pic_comment_user => {
                let pic_comment_id = Note_Obj.fn.getUserIdFromLink(pic_comment_user.href);
                note_obj.judgeUsers(pic_comment_id) && note_obj.handler(pic_comment_id, pic_comment_user, null, {
                    'title': true,
                    'classname': 'note-obj-ins-font-blue-color'
                });
            });
            article.arrive(selector.dialog.comment_at, arrive_option, pic_comment_at => {
                if (! pic_comment_at.classList.contains(selector.homepage.comment_id.replace(/^\.|\s+.*$/g, ''))) {
                    let pic_comment_at_id = Note_Obj.fn.getUserIdFromLink(pic_comment_at.href);
                    note_obj.judgeUsers(pic_comment_at_id) && note_obj.handler(pic_comment_at_id, pic_comment_at, null, {
                        'symbol': {
                            'prefix': '@'
                        },
                        'title': true,
                        'classname': 'note-obj-ins-font-blue-color'
                    });
                }
            });
        });
        document.querySelector(selector.root).arrive(selector.homepage_stories.id_shell, arrive_option, homepage_stories => {
            if (homepage_stories.querySelector(selector.homepage_stories.id)) {
                let homepage_stories_id = homepage_stories.querySelector(selector.homepage_stories.id).textContent;
                if (note_obj.judgeUsers(homepage_stories_id)) {
                    homepage_stories.title = note_obj.getUserTag(homepage_stories_id);
                }
            }
        });
        document.querySelector(selector.root).arrive(selector.homepage_recommend.id, arrive_option, homepage_recommend => {
            let homepage_recommend_id = note_obj.getUserIdFromLink(homepage_recommend.href);
            note_obj.judgeUsers(homepage_recommend_id) && note_obj.handler(homepage_recommend_id, homepage_recommend, null, {
                'classname': 'note-obj-ins-font-blue-color'
            });
        });
        document.querySelector(selector.root).arrive(selector.user_page.frame, arrive_option, user_page => {
            if (user_page.querySelector(selector.user_page.id)) {
                let user_page_id = user_page.querySelector(selector.user_page.id).textContent;
                user_page.querySelector(selector.user_page.bar) && user_page.querySelector(selector.user_page.bar).after(note_obj.createNoteBtn(user_page_id, null, ['note-obj-ins-add-btn', 'note-obj-ins-userpage-btn']));
                note_obj.judgeUsers(user_page_id) && user_page.querySelector(selector.user_page.box).after(note_obj.createNoteTag(note_obj.getUserTag(user_page_id, {
                    'm': true
                }), 'div', ['note-obj-ins-userpage-tag', 'note-obj-ins-font-blue-color']));
            }
            for (let common_user of user_page.querySelectorAll(selector.user_page.common)) {
                let common_user_id = common_user.textContent;
                if (note_obj.judgeUsers(common_user_id)) {
                    common_user.title = note_obj.getUserTag(common_user_id);
                    common_user.classList.add('note-obj-ins-font-blue-color');
                }
            }
            for (let info_at_user of user_page.querySelectorAll(selector.user_page.info_at)) {
                let info_at_user_id = Note_Obj.fn.getUserIdFromLink(info_at_user.href);
                note_obj.judgeUsers(info_at_user_id) && note_obj.handler(info_at_user_id, info_at_user, null, {
                    'symbol': {
                        'prefix': '@'
                    },
                    'classname': 'note-obj-ins-font-blue-color',
                    'title': true
                });
            }
        });
        document.querySelector(selector.root).arrive(selector.stories.id_shell, arrive_option, stories_shell => {
            let stories = stories_shell.querySelector(selector.stories.id);
            if (stories) {
                let stories_user_id = Note_Obj.fn.getUserIdFromLink(stories.href);
                note_obj.judgeUsers(stories_user_id) && note_obj.handler(stories_user_id, stories, null, {
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
        });
        document.querySelector(selector.body).arrive(selector.watch_list.initial_item, arrive_option, initial => {
            let initial_item = initial.querySelector(selector.watch_list.id);
            if (initial_item) {
                let initial_item_id = Note_Obj.fn.getUserIdFromLink(initial_item.href);
                note_obj.judgeUsers(initial_item_id) && note_obj.handler(initial_item_id, initial_item, null, {
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
        });
        document.querySelector(selector.body).arrive(selector.watch_list.later_item, arrive_option, later => {
            let later_item = later.querySelector(selector.watch_list.id);
            if (later_item) {
                let later_item_id = Note_Obj.fn.getUserIdFromLink(later_item.href);
                note_obj.judgeUsers(later_item_id) && note_obj.handler(later_item_id, later_item, null, {
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
        });
        document.querySelector(selector.body).arrive(selector.dialog.frame, arrive_option, dialog => {
            let dialog_a = dialog.querySelector(selector.homepage.id);
            if (dialog_a) {
                let dialog_a_id = Note_Obj.fn.getUserIdFromLink(dialog_a.href);
                note_obj.judgeUsers(dialog_a_id) && note_obj.handler(dialog_a_id, dialog_a, null, {
                    'title': true,
                    'classname': 'note-obj-ins-font-blue-color'
                });
                dialog.querySelector(selector.homepage.icon) && dialog.querySelector(selector.homepage.icon).insertAdjacentElement('beforebegin', note_obj.createNoteBtn(dialog_a_id, null, ['note-obj-ins-add-btn', 'note-obj-ins-homepage-btn']));
            }
            for (let like of dialog.querySelectorAll(selector.homepage.comment_id)) {
                let like_id = Note_Obj.fn.getUserIdFromLink(like.href);
                note_obj.judgeUsers(like_id) && note_obj.handler(like_id, like, null, {
                    'classname': 'note-obj-ins-font-blue-color'
                });
            }
            dialog.arrive(selector.dialog.comment_id, arrive_option, comment_user => {
                let comment_id = Note_Obj.fn.getUserIdFromLink(comment_user.href);
                note_obj.judgeUsers(comment_id) && note_obj.handler(comment_id, comment_user, null, {
                    'classname': 'note-obj-ins-font-blue-color',
                    'title': true
                });
            });
            dialog.arrive(selector.dialog.comment_at, arrive_option, comment_at => {
                let comment_at_id = Note_Obj.fn.getUserIdFromLink(comment_at.href);
                note_obj.judgeUsers(comment_at_id) && note_obj.handler(comment_at_id, comment_at, null, {
                    'symbol': {
                        'prefix': '@'
                    },
                    'classname': 'note-obj-ins-font-blue-color',
                    'title': true
                });
            });
        });
        document.querySelector(selector.root).arrive(selector.request.follow, arrive_option, follow => {
            let follow_user_id = Note_Obj.fn.getUserIdFromLink(follow.href);
            note_obj.judgeUsers(follow_user_id) && note_obj.handler(follow_user_id, follow, null, {
                'classname': 'note-obj-ins-font-blue-color'
            });
        });
        document.querySelector(selector.root).arrive(selector.suggest.user, arrive_option, suggest_user => {
            let suggest_user_id = Note_Obj.fn.getUserIdFromLink(suggest_user.href);
            note_obj.judgeUsers(suggest_user_id) && note_obj.handler(suggest_user_id, suggest_user, null, {
                'classname': 'note-obj-ins-font-blue-color'
            });
        });
        document.querySelector(selector.root).arrive(selector.user_page.suggest, arrive_option, suggest => {
            let suggest_user_id = Note_Obj.fn.getUserIdFromLink(suggest.href);
            note_obj.judgeUsers(suggest_user_id) && note_obj.handler(suggest_user_id, suggest, null, {
                'classname': 'note-obj-ins-font-blue-color'
            });
        });
    }
    init();
})();