[DEBUG] 对象观察器

右键菜单激活,向 window 中注入 ObjectInspector 工具类,用于查找特定对象上符合条件的属性;激活无显式提醒,请自行打开控制台获取信息

بۇ قوليازمىنى قاچىلاش؟
ئاپتورنىڭ تەۋسىيەلىگەن قوليازمىسى

سىز بەلكىم [DEBUG] 信息显式化 نى ياقتۇرۇشىڭىز مۇمكىن.

بۇ قوليازمىنى قاچىلاش
// ==UserScript==
// @name            [DEBUG] 对象观察器
// @version         2.2.1.20230314
// @namespace       laster2800
// @author          Laster2800
// @description     右键菜单激活,向 window 中注入 ObjectInspector 工具类,用于查找特定对象上符合条件的属性;激活无显式提醒,请自行打开控制台获取信息
// @homepageURL     https://greasyfork.org/zh-CN/scripts/430945
// @supportURL      https://greasyfork.org/zh-CN/scripts/430945/feedback
// @license         LGPL-3.0
// @include         *
// @grant           none
// @run-at          context-menu
// ==/UserScript==

(function() {
  'use strict'

  /**
   * 对象观察器
   *
   * 根据 `regex` 在 `depth` 层深度内找到匹配 `regex` 的属性。
   *
   * 比如,已知某关键属性值为 `geo110`,可用: `new ObjectInspector(window, /^geo110$/).inspect()` 来确认其是否在页面中存在,并列出其在 `window` 上的存储路径。
   *
   * 又如,可用 `new ObjectInspector(window, /id$/i, { inspectValue: false }).inspect()` 列出存储在页面上的各种可能为 ID 的信息。
   *
   * 使用须知:
   * 1. `inspectValue = false`、`noWindows = false`、`exType = (过滤大量常见对象的数组)` 能大幅降低观察时间,若它们均不提供约束,观察时间将会是原来数倍乃数十倍。相反,只要三者之中有一个提供了约束,就能起到相当好的效果。一般不需要考虑这点,因为默认设置的 `noWindows` 和 `exType` 具备相当高的过滤强度。只需在手动设置 `noWindows` 及 `exType` 时多加注意即可。
   * 2. 承上,有些特殊情况需要 `inspectValue = noWindows = true`、`exType = null`,此时可以降低 `depth`,或是做好观察时间长达数分钟的心理准备。
   * 3. 脚本激活时会向顶层 `window` 及 frame `window` 均注入 `ObjectInspector`。
   * 4. 尽可能使用当前上下文的 `window.ObjectInspector` 来观察同一上下文中的对象,否则默认 `exType` 将无法生效,以至于观察到不必要的属性,且使观察时间大大增加。错误示范:`new top.ObjectInspector(iframe.contentWindow, /wrong/).inspect()`。
   */
  const getObjectInspector = win => class ObjectInspector {
    /**
     * @param {Object} obj 默认观察对象
     * @param {RegExp} regex 默认匹配正则表达式
     * @param {Object} [options] 选项
     * @param {number} [options.depth=6] 默认观察深度
     * @param {boolean} [options.inspectKey=true] 观察时是否匹配键名
     * @param {boolean} [options.inspectValue=true] 观察时是否匹配键值
     * @param {boolean} [options.noWindows=true] 排除 Window 对象
     * @param {RegExp} [options.exRegex=null] 用于排除匹配键名的正则表达式
     * @param {Object[]} [options.exType=[Function, Node, StyleSheet]] 用于排除匹配这些类型的对象
     * @param {number} [options.exLongStrLen] 超过此长度的字符串移除,设为假值表示无限制
     */
    constructor(obj, regex, options) {
      this.options = {
        obj,
        regex,
        depth: 6,
        inspectKey: true,
        inspectValue: true,
        noWindows: true,
        exRegex: null,
        exType: [win.Function, win.Node, win.StyleSheet],
        exLongStrLen: null,
        ...options,
      }
    }

    /**
     * 观察对象,根据 `regex` 在 `depth` 层深度内找到所有键或者值匹配 `regex` 的属性
     * @param {Object} [options] 选项,没有提供的项使用默认值
     * @param {Object} [options.obj] 观察对象
     * @param {RegExp} [options.regex] 匹配正则表达式
     * @param {number} [options.depth] 观察深度
     * @param {boolean} [options.inspectKey] 观察时是否匹配键名
     * @param {boolean} [options.inspectValue] 观察时是否匹配键值
     * @param {boolean} [options.noWindows=true] 排除 Window 对象
     * @param {RegExp} [options.exRegex] 用于排除匹配键名的正则表达式
     * @param {Object[]} [options.exType] 用于排除匹配这些类型的对象
     * @param {number} [options.exLongStrLen] 超过此长度的字符串移除,设为假值表示无限制
     * @returns {Object} 封装匹配 `regex` 属性的对象
     */
    inspect(options) {
      console.log('ObjectInspector: 开始观察,可能需要较长时间,请耐心等待...')
      options = { ...this.options, ...options }
      const { depth } = options
      const result = {}
      if (depth > 0) {
        const objSet = new WeakSet()
        const prevKey = ''
        this.#inner(options, depth, result, prevKey, objSet)
      }
      return result
    }

    #inner({ obj, regex, inspectKey, inspectValue, noWindows, exRegex, exType, exLongStrLen }, depth, result, prevKey, objSet) {
      if (!obj || depth === 0) return
      innerLoop: for (const key in obj) {
        if (exRegex?.test(key)) continue
        if (inspectKey && regex.test(key)) {
          result[prevKey + key] = obj[key]
        } else {
          try {
            const value = obj[key]
            if (value && (typeof value === 'object' || typeof value === 'function')) {
              if (value === obj) continue
              if (noWindows && value === value.window) continue
              if (exType) {
                for (const type of exType) {
                  if (value instanceof type) continue innerLoop
                }
              }

              if (inspectValue && regex.test(value.toString())) {
                result[prevKey + key] = value
              } else if (depth > 1) {
                if (!objSet.has(value)) {
                  objSet.add(value)
                  this.#inner({ obj: value, regex, inspectKey, inspectValue, noWindows, exRegex, exType, exLongStrLen }, depth - 1, result, `${prevKey + key}.`, objSet)
                }
              }
            } else {
              let sVal = value
              if (typeof value === 'string') {
                if (depth > 1) {
                  try {
                    const json = JSON.parse(value)
                    if (json) { // exclude 'null' and 'undefined'
                      this.#inner({ obj: json, regex, inspectKey, inspectValue, exRegex, exType, exLongStrLen }, depth - 1, result, `${prevKey + key}{JSON-PARSE}:`, objSet)
                      continue
                    }
                  } catch {}
                }
                if (exLongStrLen && value.length > exLongStrLen) continue
              } else if (typeof value === 'symbol') {
                sVal = String(value)
              }
              if (inspectValue && regex.test(sVal)) {
                result[prevKey + key] = value
              }
            }
          } catch { /* value that cannot be accessed */ }
        }
      }
    }
  }

  const executed = new Set()
  const exec = win => {
    if (executed.has(win)) return
    try {
      executed.add(win)
      if (!win.ObjectInspector) {
        win.ObjectInspector = getObjectInspector(win)
      }
      for (let i = 0; i < win.frames.length; i++) {
        exec(win.frames[i])
      }
    } catch { /* cross-origin frame */ }
  }
  exec(top)
  console.log('已向 window 注入 ObjectInspector。\n用法请查看脚本中的文档注释。')
})()