如何使用 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. HDU3062 PARTY

    Party Problem Description 有n对夫妻被邀请参加一个聚会,因为场地的问题,每对夫妻中只有1人可以列席.在2n 个人中,某些人之间有着很大的矛盾(当然夫妻之间是没有矛盾的),有矛 ...

  2. mac或linux常见命令

    1. 用某个软件打开某文件,如subline text: https://blog.csdn.net/Cinderella_hou/article/details/82392139 如果想使用subl ...

  3. SpringMVC听课笔记（十二：文件的上传）

    1.Spring MVC为文件上传提供了直接的支持,这种支持是通过即插即用的MultipartResolver实现的.Spring用Jakarta Commons FileUpload技术实现了一个M ...

  4. HttpClient之基本使用

    1.HttpClient简介 http协议可以说是现在Internet上面最重要,使用最多的协议之一了,越来越多的java应用需要使用http协议来访问网络资源,特别是现在rest api的流行,Ht ...

  5. linux最初配置( vimrc设置 、tab键设置 inputrc、中文输入法等等)

    1..vimrc设置   syntax on set tabstop=4 set softtabstop=4 set autoindent set cindent set nu set ruler & ...

  6. Flink-v1.12官方网站翻译-P019-Generating Watermarks

    生成水印 在本节中,您将了解 Flink 提供的 API,用于处理事件时间时间戳和水印.关于事件时间.处理时间和摄取时间的介绍,请参考事件时间的介绍. 水印策略介绍 为了使用事件时间,Flink需要知 ...

  7. HDFS查看文件的前几行-后几行-行数

    随机返回指定行数的样本数据hadoop fs -cat /test/gonganbu/scene_analysis_suggestion/* | shuf -n 5返回前几行的样本数据hadoop f ...

  8. 三维CAD——基于B_rep的建模操作

    内容来自高老师的<三维CAD建模>课,本文就主要介绍半边结构和欧拉操作以及代码实现. 1. 边界表示法及其数据结构 · 拓扑结构 a.拓扑元素:面.边.点.体 b.拓扑关系:9种.V{V} ...

  9. Java_web项目中在Java文件里面通过类装载器对资源文件读取

    承接上一节:在eclipse完成对Java_web项目里面资源文件的读取 我们首先在src目录下创建一个资源文件db.properties 内容如下: url=127.0.0.1 name=root ...

  10. AT1219 歴史の研究 回滚莫队

    可在vj上提交:https://vjudge.net/problem/AtCoder-joisc2014_c 题意: IOI 国历史研究的第一人--JOI 教授,最近获得了一份被认为是古代 IOI 国 ...