Visual Event

发布时间: 编辑:chromegood 0人评论 24785次浏览 Chrome开发者工具插件
直达下载
摘要 : Visual Event是针对chrome浏览器用户打造的一款开发插件,可以方便开发在调试网页的时候查看各种网页元素和调试信息,支持查看某个元素的事件类型,并且可以快速对文档元素进行处理。

Visual Event 插件背景简介

chrome的开发者工具固然好用,但也有不尽人意的时候,比如用event listener查看元素绑定的jquery代码时,只能看到比较复杂的原生jquery,并不能看到自己写的代码,直到遇到它chrome插件 Visual Event, 启用Visual Event后,有绑定事件元素将被标上蓝色区块,鼠标停留时会显示事件的细节。

Visual Event插件简介

Visual Event是针对Chrome浏览器用户打造的一款开发插件,可以方便开发在调试网页的时候查看各种网页元素和调试信息,支持查看某个元素的事件类型,并且可以快速对文档元素进行处理。

Visual Event 简介

Visual Event插件特色

1、哪一个元素有事件绑定
2、某元素上绑定的事件类型
3、事件触发后运行的代码段
4、定义绑定函数的源文件和行号(仅限于WebKit和Opera浏览器)

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.Visual Event插件离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页即可。

Visual Event使用方法

2.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。

Visual Event使用方法

3.安装完毕后会出现在浏览器右上方并提示你已添加到chrome浏览器。

Visual Event使用方法

4.点击图标就可以查看绑定在这个页面的所有JS事件

Visual Event使用方法

5.例如下图有绑定事件元素将被标上蓝色区块

Visual Event使用方法

6.鼠标停留时会显示事件的细节。如下图所示:

Visual Event使用方法

查看更多

Visual Event下载地址

点击下载Visual Event

转载必须注明来自:https://huajiakeji.com/web-development/2019-08/1043.html

Resolution Test

Resolution Test

0 人评论 18812 次人浏览 4.2分 4.2 分
Resolution Test是专为Chrome浏览器制作的一款窗口大小调整工具,该款插件可以用多种分辨率大小来调整浏览器窗口大小,并能通过选取多个分辨率选项来打开多个相应大小的新窗口。
Talend API Tester

Talend API Tester

0 人评论 28885 次人浏览 4.0分 4.0 分
Talend API Tester插件使调用,发现和测试HTTP和REST API变得容易。
ApiPOST - API调试管理工具

ApiPOST - API调试管理工具

0 人评论 38385 次人浏览 4.0分 4.0 分
ApiPOST是一款可直接生成文档的API调试、管理工具。2.0版本大更新,支持自定义请求头(Request Header)、查看Cookie、导出Html及Word文档等更多功能。
下一篇 : 百度广告屏蔽
评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?