如何使用 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. Linux系统设置 SSH 通过密钥登录

    我们一般使用 PuTTY 等 SSH 客户端来远程管理 Linux 服务器.但是,一般的密码方式登录,容易有密码被暴力破解的问题.所以,一般我们会将 SSH 的端口设置为默认的 22 以外的端口,或者 ...

  2. Routine Subroutine Coroutine 子程序 协程 子例程

    https://en.wikipedia.org/wiki/Subroutine In computer programming, a subroutine is a sequence of prog ...

  3. 9.5 自定义包和可见性 go mod

    the-way-to-go_ZH_CN/09.5.md at master · Unknwon/the-way-to-go_ZH_CN https://github.com/Unknwon/the-w ...

  4. 反向传播（Back Propagation）

    反向传播(Back Propagation) 通常在设计好一个神经网络后,参数的数量可能会达到百万级别.而我们利用梯度下降去跟新参数的过程如(1).但是在计算百万级别的参数时,需要一种有效计算梯度的方 ...

  5. Spark-1.6.1 Hadoop-2.6.4 VMware Ubuntu 分布式集群搭建 全过程

    本文从头开始零基础完全配置,适合小白. 本文在vmware中配置三台虚拟机,一台做Master,两台Worker,hadoop 和spark只需要在Master上配置,然后cp到worker上,包括配 ...

  6. toggle() 隐藏和收缩

    <!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js" ...

  7. 第2层交换和生成树协议(STP)__散知识点

    1.交换式服务 网桥是基于软件的,而交换机使用专用集成电路(ASIC)来创建并维护其过滤表.2层交换机和网桥转发数据的速度比路由器快一些,因为它们不查看网络层报头的信息,不对数据包做任何修改.相反,在 ...

  8. nginx教程<一>

    2020最新Nginx教程全面讲解教程,感觉讲的很不错但是需要有docker基础,因为是基于docker快速搭建的nginx. 1.为什么要学习Nginx 肯定是工作和业务需求催生的学习需要哈哈,不过 ...

  9. cassandra权威指南读书笔记--数据建模

    没有join操作.有轻量级事务和批处理,但是没有外键等.反规范化.3.0支持物化视图,允许在一个表上创建数据的多个物化视图.使用cassandra要从查询入手,而不是先从数据模型开始.先对查询建模,然 ...

  10. Flink-v1.12官方网站翻译-P011-Concepts-Overview

    概念-概览 实践培训解释了作为Flink的API基础的有状态和及时流处理的基本概念,并提供了这些机制如何在应用中使用的例子.有状态的流处理是在数据管道和ETL的背景下介绍的,并在容错部分进一步发展.在 ...