Highlight Active Row
大小:7.74KiB版本:v 1.2.1更新时间:2021-12-21
Makes the currently selected table row more visible.
Highlight Active Row 的使用方法详解,最全面的教程
Highlight Active Row 描述:
用户数:89
分类:生产工具插件
扩展大小:7.74 KiB
最后更新时间:2021-12-21
版本:v 1.2.1
Highlight Active Row 插件简介:
这是来自Chrome商店的 Highlight Active Row 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。
Highlight Active Row插件下载方法/流程:
点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。
Highlight Active Row插件安装教程/方法:
(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面,
完成安装如有其它安装问题,
请扫描网站底部二维码与客服联系如有疑问请参考:
https://www.extfans.com/installation/This extension helps prevent mistaken data entry by making the currently selected table row more visible. Anytime an input box inside of a table is selected the entire table row gets its style changed. The goal is to make it extremely obvious which row you are currently inputting data on to reduce the chances of inputting data on the wrong row.
How it works:
The extension injects a small script that adds a 'focusin'/'focusout' event listener to the root document object.
When the 'focusin' event fires it starts at the event.target and traverses the DOM in search of a parent element. If is found it sets the inline style to a preset highlight style.
When the 'focusout' event fires it starts at the event.target and traverses the DOM in search of a parent element. If is found it clears the inline style.
Extra Details:
* The extension needs to be enabled the first time you visit a new website by clicking the extension icon and selecting `Enable Highlight Active Row on this domain` from the context menu. This allows the user to only run the extension on select websites.
* Currently has a hard set MAX_DEPTH of 5 which limits how many parents it check before stopping. This should prevent all unnecessary DOM traversing for nodes not connected to a table, but also allow some wiggle room if the input is in a
or two.
Future features:
- add an options page that allows the user to set a custom highlight style
This is an open source project. Visit Highlight-Active-Row's Github page for source code, to report bugs or to contribute.
https://github.com/tomrule007/highlight-active-row
Version History:
1.2.1: Fixed bug that required user to reload the extension on page changes.
1.2.0: Allow the user to enable/disable the extension for each website domain
1.1.0: Switched to focusin/focusout events & delegation which works with dynamically added content.
1.0.0: Event listener were attached to each input element on load & didn't work with dynamically added content.