如何使用 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. jQuery 点击input框标题收起

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. Redis 底层数据结构设计

    10万+QPS 真的只是因为单线程和基于内存?_Howinfun的博客-CSDN博客_qps面试题 https://blog.csdn.net/Howinfun/article/details/105 ...

  3. threading.RLock()

    # Copyright 2001-2017 by Vinay Sajip. All Rights Reserved.## Permission to use, copy, modify, and di ...

  4. python 11 模块

    模块 在计算机程序的开发过程中,随着程序代码越写越多,在一个文件里代码就会越来越长,越来越不容易维护. 为了编写可维护的代码,我们把很多函数分组,分别放到不同的文件里,这样,每个文件包含的代码就相对较 ...

  5. vue3系列：vue3.0自定义虚拟滚动条V3Scroll|vue3模拟滚动条组件

    基于Vue3.0构建PC桌面端自定义美化滚动条组件V3Scroll. 前段时间有分享一个Vue3 PC网页端弹窗组件,今天带来最新开发的Vue3.0版虚拟滚动条组件. V3Scroll 使用vue3. ...

  6. Linux 调整系统时间偏差

    在使用Linux系统部署项目,有时会出现时间跟当前时间不一致的情况,这个时候需要做些调整: 1.首先删除之前设置的时区 rm -rf /etc/localtime 2.创建上海时区 ln -s /us ...

  7. spring MVC 3.2中@ResponseBody(Post接口)返回乱码的完美解决方案

    本来因为ajax跨域http远程调用时有问题,在服务端响应时用以下方式解决了,但IE8及下有问题. response.addHeader("Access-Control-Allow-Orig ...

  8. Flink-v1.12官方网站翻译-P022-Working with State

    有状态程序 在本节中,您将了解Flink为编写有状态程序提供的API.请看一下Stateful Stream Processing来了解有状态流处理背后的概念. 带键值的数据流 如果要使用键控状态,首 ...

  9. linux 一分钟搭建zookeeper linux 单机版（亲测可用）

    wget https://mirrors.tuna.tsinghua.edu.cn/apache/zookeeper/zookeeper-3.4.14/zookeeper-3.4.14.tar.gzt ...

  10. 一统江湖的大前端（10）——inversify.js控制反转

    <大史住在大前端>前端技术博文集可在下列地址访问: [github总基地][博客园][华为云社区][掘金] 字节跳动幸福里大前端团队邀请各路高手前来玩耍,团队和谐有爱,技术硬核,字节范儿正 ...