如何使用 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. __init__ raises an exception, then __del__ will still be called

    issue 808164: socket.close() doesn't play well with __del__ - Python tracker https://bugs.python.org ...

  2. 第八届“图灵杯”NEUQ-ACM程序设计竞赛个人赛（同步赛）

    传送门 B-小宝的幸运数组 题目描述 对于小宝来说,如果一个数组的总和能够整除他的幸运数字k,就是他的幸运数组,而其他数组小宝都很讨厌.现在有一个长度为n的数组,小宝想知道这个数组的子数组中,最长的幸 ...

  3. windows.open、 window.location.href

    windows.open("URL","窗口名称","窗口外观设定");打开新窗口,window对象的方法 不一定打开新窗口,只要有窗口的名 ...

  4. Ajax原理，技术封装与完整示例代码

    在做项目和学习的时候,经常用到Ajax的相关技术,但是这方面的技术总是运用的不是十分好,就寻找相关博客来学习加深Ajax技术相关. 一.Ajax简介 二.同步.异步传输区别 2.1 异步传输 2.2 ...

  5. 将字符串进行md5加密

    import java.security.MessageDigest; public class MD5Tools { /** * 将字符串进行md5加密 */ public static Strin ...

  6. Poem 01（转）

    Dear Sunshine The way you glow through my blinds in the morning. It makes me feel like you missed me ...

  7. centos7系统忘记root密码

    第一步:开启服务器,在如下界面键入"e"进入编辑 第二步:找到以linux16开头的一行,在本行行尾键入"rd.break" 第三步:输入完成后,按" ...

  8. Pytest（8）parametrize参数化

    前言 当某个接口中的一个字段,里面规定的范围为1-5,你5个数字都要单独写一条测试用例,就太麻烦了,这个时候可以使用pytest.mark.parametrize装饰器可以实现测试用例参数化. 官方示 ...

  9. 一文弄懂-Netty核心功能及线程模型

    目录 一. Netty是什么? 二. Netty 的使用场景 三. Netty通讯示例 1. Netty的maven依赖 2. 服务端代码 3. 客户端代码 四. Netty线程模型 五. Netty ...

  10. 【hdu 4859】海岸线（图论--网络流最小割）

    题意:有一个区域,有'.'的陆地,'D'的深海域,'E'的浅海域.其中浅海域可以填充为陆地.这里的陆地区域不联通,并且整个地图都处在海洋之中.问填充一定浅海域之后所有岛屿的最长的海岸线之和. 解法:最 ...