故事背景：“jack，听说你大学的专业是计算机科学与技术？”“是的，领导。”“那好，去帮我抢个荣耀v9。”“领导，请你尊重这门专业，计算机科学是……”“请你谈谈NAS设备卷管理模块中失效数据恢复问题的应用。”“领导，脚本写好了”

1.效果图

运行的效果图，就是模拟不断点击换一换的效果

2.图解

怎么做的呢？让我们一步步分解

1、右击打开

2、元素查看

已经获取该元素

模拟点击

定时器每100毫秒点击一次

1.大于某个时间点2.模拟点击

3.JS组成

1. 核心(基于ECMAScript规范)

2. 文档对象模型(DOM)

3. 浏览器对象模型(BOM)

window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象

由于window是顶层对象，因此调用它的子对象时可以不显示的指明window对象，例如下面两行代码是一样的：

通过这样的树，我们就可以很快找到我们想要操作的节点，进而进行各种属性，方法，事件等的操作。注意元素、属性、和内容之间的区别，简单的说，网页上可见的东西叫做内容，内容是被开标签，闭标签抱起来的那部分：我的链接，属性说明元素的特点

4. chrome扩展程序

为什么要打包成扩展程序，console的脚本reload之后会被清空无法继续执行，扩展程序是个好东西

打包成拓展程序

加载文件夹

打开百度然后点击插件

5. 阿里月饼脚本分析

6. 华为荣耀V9抢购

查看元素

放到chrome扩展程序就不会被reload清空了

7.附上一个查看密码的技巧

@IMWeb前端社区

本文由作者little杰克授权转发

http://www.jianshu.com/p/516a05bd1dcd微信：IMWebTech