如何使用 js 检测页面上全局变量

js 检测页面全局变量脚本

<!DOCTYPE html>

<html lang="zh-Hans">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <meta name="author" content="xgqfrms">

  <meta name="generator" content="VS code">

  <title>window-global-var-checker</title>

  <style>

    * {

      box-sizing: border-box;

      margin: 0;

      padding: 0;

    }

  </style>

  <link rel="stylesheet" href="./index.css">

</head>

<body>

  <header>

    <h1>window-global-var-checker</h1>

  </header>

  <main>

    <article>

      <section>

        <a href="https://feiqa.xgqfrms.xyz/index.html"></a>

      </section>

    </article>

  </main>

  <footer>

    <p>copyright&copy; xgqfrms 2020</p>

  </footer>

  <!-- js -->

  <script>

    const log = console.log;

    const vars = Object.keys(window);

    log(`window global vars =`, vars, vars.length);

    try {

      if(window.copy) {

        window.copy(vars);

      }

    } catch (error) {

      log(`copy error`, error);

    }

  </script>

</body>

</html>

Map / Set

去重

"use strict";

/**

 *

 * @author xgqfrms

 * @license MIT

 * @copyright xgqfrms

 * @created 2020-10-01

 * @modified

 *

 * @description

 * @difficulty Easy Medium Hard

 * @complexity O(n)

 * @augments

 * @example

 * @link https://www.cnblogs.com/xgqfrms/p/13794239.html

 * @solutions

 *

 * @best_solutions

 *

 */

const log = console.log;

// empty page keys

const window_global_vars = [...Object.keys(window)];

const autoFindAllGlobalVars = (vars = Object.keys(window)) => {

  const result = [];

  const arr = [...new Set(vars)];

  // log(`arr =`, arr);

  for(const item of arr) {

    if(!window_global_vars.includes(item)) {

      log(`item =`, item);

      result.push(item);

    } else {

      // do nothing

    }

  }

  return result;

}

// autoFindAllGlobalVars();

const window = ["jquery", "react", "vue", "angular", "node.js", ...window_global_vars];

// log(`window =`, window);

const test = autoFindAllGlobalVars(window);

log(`\ntest =`, test);

window global vars

Chrome

const window_global_vars = [

  "window",

  "self",

  "document",

  "name",

  "location",

  "customElements",

  "history",

  "locationbar",

  "menubar",

  "personalbar",

  "scrollbars",

  "statusbar",

  "toolbar",

  "status",

  "closed",

  "frames",

  "length",

  "top",

  "opener",

  "parent",

  "frameElement",

  "navigator",

  "origin",

  "external",

  "screen",

  "innerWidth",

  "innerHeight",

  "scrollX",

  "pageXOffset",

  "scrollY",

  "pageYOffset",

  "visualViewport",

  "screenX",

  "screenY",

  "outerWidth",

  "outerHeight",

  "devicePixelRatio",

  "clientInformation",

  "screenLeft",

  "screenTop",

  "defaultStatus",

  "defaultstatus",

  "styleMedia",

  "onsearch",

  "isSecureContext",

  "performance",

  "onappinstalled",

  "onbeforeinstallprompt",

  "crypto",

  "indexedDB",

  "webkitStorageInfo",

  "sessionStorage",

  "localStorage",

  "onabort",

  "onblur",

  "oncancel",

  "oncanplay",

  "oncanplaythrough",

  "onchange",

  "onclick",

  "onclose",

  "oncontextmenu",

  "oncuechange",

  "ondblclick",

  "ondrag",

  "ondragend",

  "ondragenter",

  "ondragleave",

  "ondragover",

  "ondragstart",

  "ondrop",

  "ondurationchange",

  "onemptied",

  "onended",

  "onerror",

  "onfocus",

  "onformdata",

  "oninput",

  "oninvalid",

  "onkeydown",

  "onkeypress",

  "onkeyup",

  "onload",

  "onloadeddata",

  "onloadedmetadata",

  "onloadstart",

  "onmousedown",

  "onmouseenter",

  "onmouseleave",

  "onmousemove",

  "onmouseout",

  "onmouseover",

  "onmouseup",

  "onmousewheel",

  "onpause",

  "onplay",

  "onplaying",

  "onprogress",

  "onratechange",

  "onreset",

  "onresize",

  "onscroll",

  "onseeked",

  "onseeking",

  "onselect",

  "onstalled",

  "onsubmit",

  "onsuspend",

  "ontimeupdate",

  "ontoggle",

  "onvolumechange",

  "onwaiting",

  "onwebkitanimationend",

  "onwebkitanimationiteration",

  "onwebkitanimationstart",

  "onwebkittransitionend",

  "onwheel",

  "onauxclick",

  "ongotpointercapture",

  "onlostpointercapture",

  "onpointerdown",

  "onpointermove",

  "onpointerup",

  "onpointercancel",

  "onpointerover",

  "onpointerout",

  "onpointerenter",

  "onpointerleave",

  "onselectstart",

  "onselectionchange",

  "onanimationend",

  "onanimationiteration",

  "onanimationstart",

  "ontransitionrun",

  "ontransitionstart",

  "ontransitionend",

  "ontransitioncancel",

  "onafterprint",

  "onbeforeprint",

  "onbeforeunload",

  "onhashchange",

  "onlanguagechange",

  "onmessage",

  "onmessageerror",

  "onoffline",

  "ononline",

  "onpagehide",

  "onpageshow",

  "onpopstate",

  "onrejectionhandled",

  "onstorage",

  "onunhandledrejection",

  "onunload",

  "alert",

  "atob",

  "blur",

  "btoa",

  "cancelAnimationFrame",

  "cancelIdleCallback",

  "captureEvents",

  "clearInterval",

  "clearTimeout",

  "close",

  "confirm",

  "createImageBitmap",

  "fetch",

  "find",

  "focus",

  "getComputedStyle",

  "getSelection",

  "matchMedia",

  "moveBy",

  "moveTo",

  "open",

  "postMessage",

  "print",

  "prompt",

  "queueMicrotask",

  "releaseEvents",

  "requestAnimationFrame",

  "requestIdleCallback",

  "resizeBy",

  "resizeTo",

  "scroll",

  "scrollBy",

  "scrollTo",

  "setInterval",

  "setTimeout",

  "stop",

  "webkitCancelAnimationFrame",

  "webkitRequestAnimationFrame",

  "chrome",

  "caches",

  "ondevicemotion",

  "ondeviceorientation",

  "ondeviceorientationabsolute",

  "cookieStore",

  "showDirectoryPicker",

  "showOpenFilePicker",

  "showSaveFilePicker",

  "speechSynthesis",

  "onpointerrawupdate",

  "trustedTypes",

  "openDatabase",

  "webkitRequestFileSystem",

  "webkitResolveLocalFileSystemURL"

];

refs

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

如何使用 js 检测页面上全局变量的更多相关文章

  1. js检测页面上一个元素是否已经滚动到了屏幕的可视区域内

    应用场景:只要页面加载了,其中在页面中出现的li就向控制台输出第几个发送请求:在本次加载的页面中,再将滚动条滚回前边的li,不再向控制台输出东西,也就是说已经显示过的li,不再向控制台输出东西. &l ...

  2. Progress.js – 为页面上的任意对象创建进度条效果

    Progress.js 是一个 JavaScript 和 CSS3 的库,它帮助开发人员为网页上的每个对象创建和管理进度条效果.你可以设计自己的模板,进度条或者干脆定制. 您可以使用 Progress ...

  3. JS 在页面上直接将json数据导出到excel，支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox

    JS 在页面上直接将json数据导出到excel,支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox <html> <head> </h ...

  4. 使用js在页面上新建文件夹

    使用js在页面上新建文件夹 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...

  5. js禁用页面上右键菜单、选中和复制

    有时候我们不想页面上的内容被人复制走,那么就可以使用js对页面进行设置,禁止右键菜单.禁止选中.禁止复制等功能可以有效的达到这个效果,js代码如下所示: /** * 禁用右键菜单 */ documen ...

  6. js检查页面上有无重复id的代码分享

    用js代码检查一个页面上是否用重复的id. 方法一: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ...

  7. 如何用JS获取页面上的所有标签

    最近忙的一匹,忙着大保健,都来不及写博客,今天特意抽出点时间来写一写 前两天看到一个题,是问如何从页面上获取所有的标签的并查看他们的数量,感觉还是有点意思的,所以给大家来搞一下子 我们先来捋捋思路,那 ...

  8. 用JS检测页面加载的不同阶段状态

    这可以通过用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == “complete”判断是否加载完成. 可以采用2个div ...

  9. JS 将页面上的表格导出为 Excel 文件

    如果在页面上展示了一个表格,想把这个表格导出为Excel文件,那么在要求不高的情况下,可以直接利用 JavaScript 的 Blob 和 Object URL 特性将表格导出.不过,这就是利用了 E ...

随机推荐

  1. YARN运行流程

  2. 3.kafka安装配置

    kafka安装配置 ### 1.集群规划 hadoop102 hadoop103 hadoop104 zk zk zk kafka kafka kafka jar包下载 http://kafka.ap ...

  3. ModuleNotFoundError 模块寻找路径

    t = os.path.dirname(os.path.dirname((os.path.dirname(os.path.abspath(__file__)))))os.path.sys.path.a ...

  4. 数据备份与恢复 半持久化 全持久化 fork aof rdb Backing up Disaster recovery 备份 容灾

    Redis数据备份与恢复 - 流年晕开时光 - 博客园 https://www.cnblogs.com/deny/p/11531355.html Redis数据备份与恢复 Redis所有数据都是保存在 ...

  5. Buffer Data RDMA 零拷贝 直接内存访问

    waylau/netty-4-user-guide: Chinese translation of Netty 4.x User Guide. 中文翻译<Netty 4.x 用户指南> h ...

  6. Spring Cloud系列之Commons - 1. 背景与基础知识准备

    本文基于 Spring Cloud 2020.0 发布版的依赖 本系列会深入分析 Spring Cloud 的每一个组件,从Spring Cloud Commons这个 Spring Cloud 所有 ...

  7. cnpm安装依赖时报Error: Cannot find module 'core-js/modules/es6.regexp.constructor'

    解决方案:npm install core-js@2 大致猜测:cnpm掉包所致...

  8. MarkDown学习笔记 Typora

    快捷方式篇 新建 ctrl + N 新建窗口 ctrl + shift + N 打开md文件 ctrl + O 快速打开 ctrl + P 保存 ctrl + S 另存为 ctrl + shift + ...

  9. 秒啊，速来get这9个jupyter实用技巧

    1 简介 jupyter notebook与jupyter lab作为广受欢迎的ide,尤其适合开展数据分析相关工作,而掌握它们相关的一些实用技巧,势必会大大提升日常工作效率.而今天我就来给大家介绍9 ...

  10. Codeforces Round #636 (Div. 3)

    比赛链接:https://codeforces.com/contest/1343 A - Candies 题意 有一数列 x + 2x + 4x + ... + 2k-1x = n,输出 k ≥ 2 ...