Visual Event Chrome插件图文教程

Visual Event插件概述

很多时候想去偷学别的网站一些效果,却又迟迟找不到js隐藏在何处,怎么办?快试试Visual Event吧。Visual Event是一个开源 JavaScript 书签,是一款可以方便开发在调试网页的时候查看各种网页元素和调试信息,支持查看某个元素的事件类型,并且可以快速对文档元素进行处理的chrome插件。

下载地址:http://www.121down.com/soft/softview-96633.html
Visual Event插件概述

Visual Event插件功能

1、哪一个元素有事件绑定
2、某元素上绑定的事件类型
3、事件触发后运行的代码段
4、定义绑定函数的源文件和行号(仅限于WebKit和Opera浏览器)
5、除了对调试你自己的代码大有用途,Visual Event还能被用作教学工具,显示发起了多少网站。

Visual Event插件支持的库类型

1.DOM 0 events
2.jQuery 1.2+
3.YUI 2
4.MooTools 1.2+
5.Prototype 1.6+
6.Glow
7.ExtJS 4.0.x

Visual Event插件可以通过以下方式使用

1.工具栏上添加上的图标
2.右键菜单
3.快捷键alt shift e

Visual Event插件下载安装

1.你可以从chrome应用商店里找到Visual Event插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到Visual Event插件下载地址,当然你也可以借助于或者其他手段访问chrome应用商店。
2.离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面,它会提示你是否安装该插件,点击添加即可。
Visual Event插件下载安装
3.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。
Visual Event插件下载安装

Visual Event插件使用方法

1.在chrome浏览器安装好后,在浏览器的右上方会出现Visual Event插件的按钮。
Visual Event插件使用方法
2.点击图标就可以查看绑定在这个页面的所有JS事件,比如下图:
Visual Event插件使用方法
3.点击插件图标后有绑定事件元素将被标上蓝色区块。
Visual Event插件使用方法
4.鼠标停留时会显示事件的细节。如下图所示:
Visual Event插件使用方法
posted @ 2022-07-04 09:44  超级宝宝11  阅读(702)  评论(0)    收藏  举报